| <!DOCTYPE html> |
| <html lang="en"> |
|
|
| <head> |
|
|
|
|
| |
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-57LTWL0CDC"></script> |
| <script> |
| window.dataLayer = window.dataLayer || []; |
| function gtag(){dataLayer.push(arguments);} |
| gtag('js', new Date()); |
| gtag('config', 'G-57LTWL0CDC'); |
| </script> |
|
|
| |
|
|
| <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': |
|
|
| new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], |
|
|
| j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= |
|
|
| 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); |
|
|
| })(window,document,'script','dataLayer','GTM-M6CQQB4W');</script> |
|
|
| |
|
|
|
|
|
|
| |
|
|
| <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M6CQQB4W" |
|
|
| height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> |
|
|
| |
|
|
|
|
| |
| <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes" /> |
|
|
| |
| <link rel="stylesheet" href="https://app.legalboards.io/bower_components/bootstrap/dist/css/bootstrap.min.css" /> |
|
|
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/fullcalendar/dist/fullcalendar.min.css" /> |
|
|
| |
| |
| |
| |
| |
| |
|
|
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> |
|
|
| <link href="https://app.legalboards.io/fontawesome-pro-6.5.1/css/all.min.css?v=1750178742" rel="stylesheet" /> |
| <link href="https://app.legalboards.io/fontawesome-pro-6.5.1/css/sharp-solid.min.css?v=1750178742" rel="stylesheet" /> |
| |
|
|
|
|
| |
| <link rel="stylesheet" href="https://app.legalboards.io/bower_components/jquery-ui/themes/base/base.css" /> |
|
|
| <link rel="stylesheet" type="text/css" |
| href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" /> |
|
|
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/angular-ui-select/dist/select.min.css" /> |
|
|
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css" /> |
|
|
| <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/trix/0.9.2/trix.css" /> |
| <link href="https://app.legalboards.io/bower_components/bootstrap-toggle/css/bootstrap-toggle.min.css" rel="stylesheet" /> |
|
|
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/bootstrap-daterangepicker/daterangepicker.css" /> |
|
|
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/json-formatter/dist/json-formatter.css" /> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" /> |
|
|
| <link rel="stylesheet" href="https://kit.fontawesome.com/fc6da96cac.css" crossorigin="anonymous"> |
|
|
| <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" /> |
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/css/custom.css?v=production-84756eb " /> |
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/angular-bootstrap/ui-bootstrap-csp.css " /> |
|
|
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/angular-bootstrap-colorpicker/css/colorpicker.min.css " /> |
|
|
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/bower_components/angular-ui-select/dist/select.min.css " /> |
|
|
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css" /> |
| <link rel="stylesheet" href="https://app.legalboards.io/bower_components/angular-tooltips/dist/angular-tooltips.css" /> |
|
|
|
|
|
|
| |
| <link rel="stylesheet" href="https://app.legalboards.io/bower_components/angular-material/angular-material.min.css"> |
| <link rel="stylesheet" href="https://app.legalboards.io/bower_components/tribute/dist/tribute.css"> |
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/dist/css/styles.css?v=production-84756eb" /> |
| <link rel="stylesheet" type="text/css" href="https://app.legalboards.io/dist/css/angular-tooltips.css" /> |
| <link rel="apple-touch-icon" sizes="180x180" href="https://app.legalboards.io/img/favicon/apple-touch-icon.png" /> |
| <link rel="icon" type="image/png" sizes="32x32" href="https://app.legalboards.io/img/favicon/favicon-32x32.png" /> |
| <link rel="icon" type="image/png" sizes="16x16" href="https://app.legalboards.io/img/favicon/favicon-16x16.png" /> |
| <link rel="manifest" href="https://app.legalboards.io/img/favicon/site.webmanifest" /> |
| <link rel="mask-icon" href="https://app.legalboards.io/img/favicon/safari-pinned-tab.svg" color="#51ded4" /> |
|
|
| <meta name="msapplication-TileColor" content="#6040BA" /> |
| <meta name="theme-color" content="#ffffff" /> |
| <meta name="description" content=""> |
| <title>Legalboards - Boards</title> |
|
|
| </head> |
|
|
| <body id="dashboard" class="" ng-class="!AuthUser.view_option ? null : AuthUser.view_option+'-contrast'" ng-app="app" |
| app-date-format="m/d/Y" ng-keydown="$root.handleKeyDown($event)" |
| app-language="en-US"> |
| |
|
|
| |
| <section ng-controller="SideMenuController" ng-cloak class="sidemenu"> |
| <div id="collapse-menu"> |
| <div class="logo"> |
| <img class="collapsed dark-icon" src="https://app.legalboards.io/img/logo-icon-dark.png" /> |
| <img class="collapsed light-icon" src="https://app.legalboards.io/img/logo-icon.svg" /> |
| <img class="expand" src="https://app.legalboards.io/img/logo-expand.svg" /> |
|
|
| <button class="btn btn-collapse"> |
| <i class="fas fa-angle-right"></i> |
| </button> |
| </div> |
|
|
| <div class="user-greetings"> |
| <div class="user-avatar raio-40 user-data-avatar" style="background-image:url(https://app.legalboards.io/img/user-img.png);"> |
| <span class="user-data-initials"></span> |
| </div> |
| <a href="javascript:;" ng-click="openEditProfile()" class="edit-profile-pic"> |
| <i class="fa-solid fa-pencil"></i> |
| </a> |
|
|
| <div class="user-text expand"> |
| <h5> |
| Hello, |
| <strong class="user-data-first-name"></strong><br /> |
| <a href="javascript:;" ng-click="openEditProfile()">Edit Profile</a> |
| </h5> |
|
|
| |
| |
| |
| |
| </div> |
| </div> |
|
|
| <div class="my-3 mb-4"> |
| <span ng-cloak ng-show="!$root.hasAnyRole('viewer') && $root.timerRunning" timer-controls> |
| <timer max-time-unit="'hour'" interval="1000" start-time="timer.startTime" autostart="false" |
| class="timer-count">{{ hhours }}:{{ mminutes }}:{{ |
| sseconds |
| }} |
| </timer> |
| <br /> |
| <button ng-if="timerStatus === 'started' |
| " ng-click="pauseTimer(timer)" class="timer-play" title="Pause timer" |
| title-direction="right"> |
| <i class="fad fa-pause-circle color-purple"></i> |
| </button> |
| <button ng-if="timerStatus === 'stopped' |
| " ng-click="resumeTimer(timer)" class="timer-play" title="Resume timer" |
| title-direction="right"> |
| <i class="fad fa-play-circle color-purple"></i> |
| </button> |
|
|
| <button ng-click="openTimer()" class="timer-play" title="Stop timer" |
| title-direction="right"> |
| <i class="fad fa-stop-circle color-purple"></i> |
| </button> |
| </span> |
|
|
| <div class="menu" ng-if="!$root.hasAnyRole('viewer') && !$root.timerRunning"> |
| <ul class="list-unstyled"> |
| <li> |
| <a href="#" ng-click="openTimer();" title="Start Timer" |
| title-direction="right"><i class="fa-solid fa-stopwatch"></i> |
| <span class="expand">Start Timer</span></a> |
| </li> |
| </ul> |
| </div> |
| </div> |
|
|
| <div class="menu"> |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| <ul class="list-unstyled"> |
| <li> |
| <a href="https://app.legalboards.io/boards" class=" active " title="Boards" |
| title-direction="right"><i class="fa-sharp fa-solid fa-grid"></i> |
| <span class="expand">Boards</span></a> |
| </li> |
|
|
| <ng-if ng-if="::!hasAnyRole('viewer')" ng-cloak> |
| <li |
| ng-if="::$root.hasDashboardModule() && ($root.isAccountOwner() || $root.hasAnyRole('admin'))"> |
| <a href="https://app.legalboards.io/dashboard" ng-class="{ |
| active: isActive( |
| 'https://app.legalboards.io/dashboard' |
| ) |
| }" title="Dashboard" title-direction="right"> |
| <i class="fa-solid fa-gauge-high"></i> |
| <span class="expand">Dashboard</span> |
| </a> |
| </li> |
|
|
| <li ng-if="::hasAsset('Legalboards')"> |
| <a href="https://app.legalboards.io/matters" ng-class="{ |
| active: isActive( |
| 'https://app.legalboards.io/matters' |
| ) |
| }" title="Matters" title-direction="right"> |
| <i class="fa-solid fa-folder"></i> |
| <span class="expand">Matters</span> |
| </a> |
| </li> |
|
|
|
|
|
|
| <li ng-if="::$root.hasContactModule()"> |
| <a href="https://app.legalboards.io/contacts" ng-class="{ |
| active: isActive( |
| 'https://app.legalboards.io/contacts' |
| ) |
| }" title="Contacts" title-direction="right"> |
| <i class="fa-solid fa-users"></i> |
| <span class="expand">Contacts</span> |
| </a> |
| </li> |
|
|
| <li ng-if="::hasAsset('Legalboards') && hasAsset('Tasks')"> |
| <a href="https://app.legalboards.io/tasks" ng-class="{ |
| active: isActive( |
| 'https://app.legalboards.io/tasks' |
| ) |
| }" title="Tasks" title-direction="right"> |
| <i class="fa-solid fa-square-check"></i> |
| <span class="expand">Tasks</span> |
| </a> |
| </li> |
|
|
| <li ng-if="::hasAsset('Clio')"> |
| <a href="https://app.legalboards.io/clio_tasks" ng-class="{ |
| active: isActive( |
| 'https://app.legalboards.io/clio_tasks' |
| ) || isActive( |
| 'https://app.legalboards.io/tasks' |
| ) |
| }" title="Tasks" title-direction="right"> |
| <i class="fa-solid fa-square-check"></i> |
| <span class="expand">Tasks</span> |
| </a> |
| </li> |
| </ng-if> |
|
|
|
|
| <li id="menu-reports" |
| ng-if="!hasAnyRole(['viewer']) && hasAsset('Legalboards') && $root.hasReportsModule()"> |
| <a href="javascript:;" class="config_profile" title="Reports" |
| title-direction="right" onclick="
|
| $('#collapse-menu').removeClass('menu-expand'); |
| $('.sidemenu .slide-in-contaniner').removeClass('show'); |
| $('#report-settings').addClass('show'); |
| "> |
| <i class="fa-solid fa-chart-mixed"></i> |
| <span class="expand"> |
| Reports |
| </span> |
| </a> |
| </li> |
|
|
| <li id="menu-reports" |
| ng-if="!hasAnyRole(['viewer']) && hasAsset('Clio') && $root.hasReportsModule()"> |
| <a href="javascript:;" class="config_profile" title="Reports" |
| title-direction="right" onclick="
|
| $('#collapse-menu').removeClass('menu-expand'); |
| $('.sidemenu .slide-in-contaniner').removeClass('show'); |
| $('#report-settings').addClass('show'); |
| "> |
|
|
| <i class="fa-solid fa-chart-mixed"></i> |
| <span class="expand"> |
| Reports |
| </span> |
| </a> |
| </li> |
|
|
| <li ng-if="::hasAsset('Legalboards') && hasAsset('Publications')"> |
| <a href="https://app.legalboards.io/publications" ng-class="{ |
| active: isActive( |
| 'https://app.legalboards.io/publications' |
| ) |
| }" title="Publications" title-direction="right"> |
| <i class="fas fa-newspaper "></i> |
| <span class="expand">Publications</span> |
| </a> |
| </li> |
|
|
| <li id="menu-settings" ng-if="!hasAnyRole(['viewer'])"> |
| <a href="javascript:;" class="config_profile" title="Settings" |
| title-direction="right" onclick="
|
| $('.edit-profile-slide').removeClass('show'); |
| $('#report-settings').removeClass('show'); |
| $('.settings-nav-btn').removeClass('active'); |
| $('#collapse-menu').removeClass('menu-expand'); |
| $('.sidemenu .slide-in-contaniner').removeClass('show'); |
| $('#config-profile').addClass('show'); |
| "> |
| <i class="fa-solid fa-gear"></i> |
| <span class="expand"> |
| Settings |
| </span> |
| </a> |
| </li> |
|
|
| </ul> |
|
|
| <ul class="list-unstyled"> |
| <li> |
| <a href="https://legalboards.com/get-help/" target="_blank" title="Help" title-direction="right"> |
| <i class="fa-solid fa-circle-question"></i> |
| <span class="expand">Help</span></a> |
| </li> |
| </ul> |
|
|
| <ul class="list-unstyled"> |
| <li> |
| <a id="logout" href="https://app.legalboards.io/logout" title="Logout" title-direction="right"> |
| <i class="fa-solid fa-right-from-bracket"></i> |
| <span class="expand">Logout</span> |
| </a> |
| </li> |
| </ul> |
| </div> |
| </div> |
| |
| <div id="config-profile" class="slide-in-contaniner config-slide-form"> |
| <div class="slide-in-content d-flex flex-column overflow-auto justify-content-between"> |
| <div> |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.slide-in-contaniner').removeClass('show');"> |
| <i class="fas fa-chevron-left"></i> |
| </button> |
|
|
| <div class="user-container mt-2"> |
| |
| <div class="user-photo"> |
| <div> |
| <img |
| class="logo-account-edit" |
| ng-src="{{ |
| AuthUser.account.logo || |
| 'https://via.placeholder.com/300x120/f7f8fc/6f8097?text=Upload%20logo' |
| }}" /> |
| <a |
| href="javascript:;" |
| class="edit-profile-pic" |
| ng-if="hasAnyRole(['admin'])"> |
| <label |
| style="color: inherit" |
| title="Upload logo" |
| title-direction="right"> |
| <i class="fas fa-pencil-alt"></i> |
| <input |
| ng-if="::hasAnyRole('admin') || accountOwner" |
| accept=".jpeg,.jpg,.png" |
| type="file" |
| style="display: none" |
| id="logo" |
| ng-model="logo" |
| onchange="angular.element(this).scope().uploadLogo(logo)" /> |
| </label> |
| </a> |
| </div> |
| </div> |
| <div class="user-meta mt-2 pl-0" id="display_account_name"> |
| <h3 class="mb-0"> |
| {{ AuthUser.account.name }} |
| </h3> |
| <a |
| ng-if="::hasAnyRole('admin')" |
| class="btn-link" |
| type="button" |
| onclick="$('#display_account_name').fadeOut('slow', function() { $('#formEditAccount').fadeIn();});"> |
| |
| Edit Account Name</a> |
| </div> |
|
|
| <div class="mt-3 mb-4" style="display: none" id="formEditAccount"> |
| <form |
| class="form-edit-profile edit-account-name" |
| name="formEditAccount" |
| ng-submit="updateAccount(AuthUser.account)"> |
| <div class="form-group mb-3"> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="name" |
| ng-model="AuthUser.account.name" |
| placeholder="First Name" /> |
| </div> |
| <span |
| class="error" |
| ng-show="formEditAccount.name.$error.required"> |
| This field is required. |
| </span> |
|
|
| <div class="btn-container"> |
| <button |
| class="btn btn-primary" |
| ng-disabled="loading" |
| type="submit" |
| onclick="$('#formEditAccount').fadeOut('slow', function() { $('#display_account_name').fadeIn();});"> |
| <i class="fas fa-check"></i> |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
| <div class="payment-details-block space-settings" ng-if="!hasAnyRole(['viewer'])"> |
| <div class="mt-3"> |
| <h4 style="font-size: 16px;">More Settings</h4> |
| <ul class="settings-itens"> |
| <li ng-if="hasAnyRole(['admin'])"> |
| <a class="mb-1" |
| href="https://app.legalboards.io/account/plans"> |
| <i class="fas fa-file-invoice-dollar"></i> |
| Plans & Billing |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
| <li ng-if="hasAnyRole(['admin'])"> |
| <a |
| class="settings-nav-btn setting-team-management" |
| type="button" |
| ng-click="openTeamManagementTab()" |
| id="open-team-management-tab"> |
| <i class="fas fa-users"></i> |
| Team Management |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
| <li ng-if="hasAnyRole(['admin'])"> |
| <a |
| class="settings-nav-btn setting-squad-management" |
| type="button" |
| ng-click="openSquadManagementTab()" |
| id="open-squad-management-tab"> |
| <i class="fas fa-users-cog"></i> |
| Squad Management |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
| <li ng-if="$root.hasCustomFieldsModule() && !hasAnyRole(['viewer'])"> |
| <a class="settings-nav-btn settings-custom-fields" type="button" ng-click="openCustomFieldsTab()"> |
| <i class="fas fa-paint-brush"></i> |
| Custom Fields |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
| <li ng-if="!hasAnyRole(['viewer']) && $root.hasCustomFormsModule()"> |
| <a class="settings-nav-btn settings-forms" type="button" ng-click="openCustomFormsTab()"> |
| <i class="fas fa-inbox-in"></i> Forms |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
| <li ng-if="::accountOwner || hasAnyRole('admin')"> |
| <a href="https://app.legalboards.io/store" type="button"> |
| <i class="fas fa-puzzle-piece"></i> |
| Extensions |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
| <li ng-if="::!hasAsset('Office365') && (accountOwner || hasAnyRole('admin'))"> |
| <a class="settings-nav-btn settings-email-settings" type="button" ng-click="openEmailSettingsTab()"> |
| <i class="fas fa-envelope"></i> |
| Email Settings |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
|
|
| <li> |
| <a class="settings-nav-btn settings-notifications" type="button" ng-click="openNotificationsTab()"> |
| <i class="fas fa-bell"></i> |
| Notifications |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
| <li ng-if="!hasAnyRole(['viewer']) && (hasAsset('Legalboards') || hasAsset('Tasks'))"> |
| <a type="button" ng-click="openParametersTab()"> |
| <i class="fas fa-users"></i> Parameters |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
|
|
| <li ng-if="hasAsset('OneDrive') || hasAsset('GoogleDrive')"> |
| <a class="settings-nav-btn settings-document-templates" type="button" ng-click="openDocumentTemplateTab()"> |
| <i class="fa-sharp fa-solid fa-file-contract"></i> |
| Document Templates |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
|
|
| <li ng-if="hasAsset('Publications')"> |
| <a class="settings-nav-btn settings-publications" type="button" ng-click="openPublicationsCategoriesTab()"> |
| <i class="fa-solid fa-tags"></i> |
| Categories Publications |
| <i class="fas fa-chevron-right"></i> |
| </a> |
| </li> |
|
|
| <li ng-if="::hasAsset('Docketwise')" class="p-3"> |
| <button type="button" class="btn btn-sm btn-primary" ng-click="syncDocketwise()"> |
| <i class="fas fa-sync"></i> |
| Sync Docketwise Data Now |
| </button> |
| </li> |
| <li ng-if="::hasAsset('Filevine')" class="p-3"> |
| <button type="button" class="btn btn-sm btn-primary" ng-click="syncFilevine()"> |
| <i class="fas fa-sync"></i> |
| Sync Filevine Data Now |
| </button> |
| </li> |
| <li ng-if="::hasAsset('Office365')"> |
| <a href="https://app.legalboards.io/login/office365" type="button" style="text-align: -webkit-match-parent;" class="button" ng-class="{'disabled': AuthUser.hasOffice365Authorization}"> |
| <i class="fab fa-microsoft"></i> |
| <ng-if ng-if="AuthUser.hasOffice365Authorization">Office 365 Authenticated</ng-if> |
| <ng-if ng-if="!AuthUser.hasOffice365Authorization">Office 365 Authentication</ng-if> |
| </a> |
| </li> |
|
|
| <li ng-if="::hasAsset('GoogleCalendar')"> |
| <a href="https://app.legalboards.io/login/google_calendar" type="button" style="text-align: -webkit-match-parent;" class="button" ng-class="{'disabled': AuthUser.hasGoogleCalendarAuthorization}"> |
| <i class="fab fa-google"></i> |
| <ng-if ng-if="AuthUser.hasGoogleCalendarAuthorization">Calendar Authenticated</ng-if> |
| <ng-if ng-if="!AuthUser.hasGoogleCalendarAuthorization">Calendar Authentication</ng-if> |
| </a> |
| </li> |
|
|
| |
| </ul> |
|
|
| <div class="payment-details-block account-automation-block" ng-if="::$root.isAccountOwner() || $root.hasAnyRole('admin')"> |
| <h4 style="font-size: 16px;">Account Automations</h4> |
| <div |
| class="custom-control custom-switch custom-control-inline pt-3"> |
| <input |
| type="checkbox" class="custom-control-input" id="customSwitchToggleAccountAutomationsRunning" |
| ng-model="AuthUser.account.run_automations" |
| ng-change="pauseAllAutomationsCallback(AuthUser.account)" |
| ng-true-value="1" ng-false-value="0"> |
| <label class="custom-control-label order-1" for="customSwitchToggleAccountAutomationsRunning"> |
| <span class="" ng-if="AuthUser.account.run_automations"> |
| All Account`s Automations Running |
| </span> |
| <span class="" ng-if="!AuthUser.account.run_automations"> |
| Automations are paused |
| </span> |
|
|
| </label> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| </div> |
| </div> |
| <div> |
| <div class="mt-4"> |
| <div class=""> |
| <span ng-if="::accountOwner || hasAnyRole('admin')"> |
| <a style="font-size: 16px;" class="font-title font-weight-bold color-black hover-underline" type="button" ng-click="openCancelAccountTab()"> |
| Cancel My Account |
| </a> |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="edit-profile" class="slide-in-contaniner edit-profile-slide"> |
| <div class="slide-in-content"> |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');"> |
| <i class="fas fa-chevron-left"></i> |
| </button> |
|
|
| <h5 class="mt-2">Edit Profile</h5> |
|
|
| <div |
| class="alert alert-success" |
| role="alert" |
| ng-show="alertEditProfileSuccess"> |
| <span>{{ alertEditProfileSuccess }}</span> |
| </div> |
|
|
| <div |
| class="alert alert-info" |
| role="alert" |
| ng-show="alertEditProfileError" |
| ng-bind-html="alertEditProfileError"></div> |
|
|
| <form |
| name="formEditProfile" |
| class="form-edit-profile mt-4" |
| ng-submit="updateProfile(user)"> |
| <div class="user-greetings edit-profile-form-foto"> |
| <div |
| class="user-avatar raio-60 user-data-avatar" |
| style="background-image:url(https://app.legalboards.io/img/user-img.png);"> |
| <span class="user-data-initials"></span> |
| </div> |
|
|
| <label class="edit-profile-pic"> |
| <i class="fas fa-upload"></i> |
| <input |
| accept=".jpeg,.jpg,.png" |
| type="file" |
| style="display: none" |
| id="avatar" |
| ng-model="avatar" |
| onchange="angular.element(this).scope().uploadAvatar(avatar)" /> |
| </label> |
|
|
| <div class="user-text expand ml-0 pt-3"> |
| <h3> |
| <strong class="color-purple">Hello,</strong> |
| <strong class="user-data-first-name"></strong> |
| </h3> |
| </div> |
| </div> |
|
|
| <div class="form-group mb-3"> |
| <label>First Name</label> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="first_name" |
| ng-model="user.first_name" |
| placeholder="First Name" /> |
| </div> |
| <span |
| class="error" |
| ng-show="
|
| formEditProfile.first_name.$dirty && |
| formEditProfile.first_name.$error.required |
| "> |
| This field is required. |
| </span> |
| <div class="form-group mb-3"> |
| <label>Last Name</label> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="last_name" |
| ng-model="user.last_name" |
| placeholder="Last Name" /> |
| </div> |
| <span |
| class="error" |
| ng-show="
|
| formEditProfile.last_name.$dirty && |
| formEditProfile.last_name.$error.required |
| "> |
| This field is required. |
| </span> |
| <div class="form-group mb-3"> |
| <label>Email</label> |
| <input |
| type="email" |
| class="form-control" |
| name="email" |
| ng-model="user.email" |
| disabled |
| readonly /> |
| </div> |
| <div class="form-group mb-3"> |
| <label>Password</label> |
| <input |
| type="password" |
| class="form-control" |
| name="password" |
| ng-model="user.password" |
| minlength="6" |
| ng-pattern="/^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])/" |
| placeholder="Leave it empty if you want to keep the same password" /> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formEditProfile.password.$dirty && |
| formEditProfile.password.$error.minlength |
| "> |
| Password must have at least 6 characters. |
| </span> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formEditProfile.password.$dirty && |
| formEditProfile.password.$error.pattern |
| "> |
| Password must have at least 1 lowercase letter, 1 uppercase letter and 1 number. |
| </span> |
|
|
| <div class="form-group mb-3"> |
| <label>Phone</label> |
| <input |
| type="text" |
| class="form-control" |
| name="phone" |
| ng-model="user.phone" |
| placeholder="Phone" /> |
| </div> |
|
|
| <div class="form-group mb-3"> |
| <label>Time zone</label> |
| <ui-select autofocus-ui-select ng-model="user.timezone" theme="select2" required> |
| <ui-select-match |
| allow-clear |
| placeholder="Time zone"> |
| {{ user.timezone }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="timezone in timezones | filter:$select.search track by $index"> |
| {{ timezone }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="form-group mb-3"> |
| <label>Language</label> |
| <select |
| class="form-control" |
| name="language" |
| ng-model="user.language"> |
| <option value="en-US">English (Date: mm/dd/yyyy)</option> |
| <option value="en-AU">English (Date: dd/mm/yyyy)</option> |
| <option value="fr">Français</option> |
| <option value="pt-BR">Português (Data: dd/mm/aaaa)</option> |
| </select> |
| </div> |
|
|
| <div class="form-group mb-3"> |
| <label>View option</label> |
| <select |
| class="form-control" |
| name="view_option" |
| ng-model="user.view_option"> |
| <option value="normal" selected>Normal</option> |
| <option value="dark">Dark Contrast</option> |
| <option value="light">Light Contrast</option> |
| </select> |
| </div> |
|
|
| <div class="mt-3"> |
| <button |
| class="btn btn-primary btn-block" |
| ng-disabled="loading" |
| type="submit"> |
| Save |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <div id="edit-account" class="slide-in-contaniner edit-profile-slide"> |
| <div class="slide-in-content"> |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');"> |
| <i class="fas fa-chevron-left"></i> |
| </button> |
|
|
| <h5 class="mt-2">My Account</h5> |
| <form |
| class="form-edit-profile mt-4" |
| name="formEditAccount" |
| ng-submit="updateAccount(AuthUser.account)"> |
| <div class="form-group mb-3"> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="name" |
| ng-model="AuthUser.account.name" |
| placeholder="First Name" /> |
| </div> |
| <span class="error" ng-show="formEditAccount.name.$error.required"> |
| This field is required. |
| </span> |
|
|
| <div class="btn-container"> |
| <button |
| class="btn btn-primary" |
| ng-disabled="loading" |
| type="submit"> |
| Save |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <div |
| id="invite-friends" |
| class="slide-in-contaniner edit-profile-slide" |
| ng-if="::accountOwner || hasAnyRole('admin')" |
| style="max-width: 550px"> |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');"> |
| <i class="fas fa-chevron-left"></i> |
| </button> |
| <div class="slide-in-content"> |
| <h3 class="mt-2">Account's Users</h3> |
| <p> |
| Here you can manage the members and guests of your Legalboards account, as well as change permissions and boards that each member has access to. |
| </p> |
| <div class="row mb-3"> |
| <div class="col-8 mt-3"> |
| <div class="search"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchTeam" |
| placeholder="Search Members" /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div class="col-4 mt-3"> |
| <button type="button" class="btn btn-primary btn-block" ng-click="openInvitationForm()">Invite</button> |
| </div> |
| </div> |
|
|
| <div class="users-tab mt-5"> |
| <ul class="nav nav-tabs" id="myTab" role="tablist"> |
| <li class="nav-item"> |
| <a |
| class="nav-link active" |
| id="profile-tab" |
| data-toggle="tab" |
| href="#confirmed-users" |
| role="tab" |
| aria-controls="confirmed-users" |
| aria-selected="false">Users</a> |
| </li> |
| <li class="nav-item"> |
| <a |
| class="nav-link " |
| id="home-tab" |
| data-toggle="tab" |
| href="#new-users" |
| role="tab" |
| aria-controls="new-users" |
| aria-selected="true">Invited User</a> |
| </li> |
| </ul> |
| <div class="tab-content" id="UserContent"> |
| <div |
| class="tab-pane fade" |
| id="new-users" |
| role="tabpanel" |
| aria-labelledby="new-users-tab"> |
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="account_invited.length === 0"> |
|
|
| <img src="https://app.legalboards.io/img/no-invite.png" width="100%" /> |
| </div> |
|
|
| <div |
| class="invite-user-card border-bottom py-2" |
| ng-repeat="invited in account_invited | filter:searchTeam track by invited.id"> |
| <div class="meta pt-0 w-100 mr-3"> |
| <div class="row"> |
| <div class="col-9"> |
| <h5 class="mt-0">{{ ::invited.name }}</h5> |
| <span class="job text-lowercase"> |
| {{ ::invited.email }} |
| </span> |
| </div> |
| <div class="col-3 justify-content-end d-flex pr-0 pt-2"> |
| <span ng-if="::invited.status === 'accepted' || checkIfAccountMember(invited.email)"> |
| <button class="btn-link invited py-2"> |
| Accepted |
| </button> |
| </span> |
|
|
| <span |
| ng-if="::invited.status === 'invited' && !checkIfAccountMember(invited.email)"> |
| <button |
| ng-disabled="loading" |
| type="button" |
| class="btn btn-sm btn-primary mr-2" |
| ng-click="openInvitationForm(invited)" |
| tooltip="Edit"> |
| <i class="fas fa-pencil"></i> |
| </button> |
| </span> |
|
|
| <span |
| ng-if="::invited.status === 'invited' && !checkIfAccountMember(invited.email)"> |
| <button |
|
|
| type="button" |
| class="btn btn-sm btn-primary mr-2" |
| ng-click="submitReinvite(invited)" |
| tooltip="Resend"> |
| <i class="fas fa-paper-plane"></i> |
| </button> |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div |
| class="tab-pane fade show active" |
| id="confirmed-users" |
| role="tabpanel" |
| aria-labelledby="confirmed-users-tab"> |
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="account_members.length === 0"> |
| <div class="pl-2 pr-4 empty-block"> |
| <a href=""> |
| <strong>No Members Yet</strong> |
| </a> |
| </div> |
| </div> |
|
|
| <div |
| class="invite-user-card border-bottom py-2" |
| ng-repeat="member in account_members | filter:searchTeam track by member.id"> |
| <div |
| class="user-avatar raio-50" |
| style="background-image:url({{ ::member.avatar }});"> |
| <span |
| ng-class="{ |
| 'user-data-initials': |
| AuthUser.id == member.id |
| }" |
| ng-hide="::member.avatar">{{ ::member.initials }}</span> |
| </div> |
| <div class="meta pt-0"> |
| <div class="row"> |
| <div class="col-9"> |
| <h5 class="mt-0"> |
| {{ ::member.first_name }} |
| {{::member.last_name}} |
| </h5> |
| <span class="job text-lowercase"> |
| {{ ::member.email }} |
| </span> |
| <br /> |
| <span> |
| {{ member.roles[0].display_name }} |
| </span> |
| </div> |
| <div class="col-3 justify-content-end d-flex pr-0 pt-2"> |
| <span |
| ng-if="!isAccountOwnerUser(member.account_user) && hasAnyRole('admin') && member.id !== AuthUser.id"> |
| <button |
| type="button" |
| class="btn btn-sm btn-primary mr-2" |
| ng-click="openUserRolesForm(member)"> |
| <i class="fas fa-user-tag"></i> |
| </button> |
| </span> |
| <span |
| ng-if="!isAccountOwnerUser(member.account_user) && hasAnyRole('admin') && member.id !== AuthUser.id"> |
| <button |
| type="button" |
| class="btn btn-sm btn-danger" |
| ng-click="confirmRemoveMember($index, member)"> |
| <i class="fas fa-trash-alt"></i> |
| </button> |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div |
| id="user-role-form" |
| class="slide-in-contaniner edit-profile-slide third-level" |
| > |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeUserRolesForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3>Edit Role</h3> |
| <form |
| name="formUserRole" |
| ng-submit="saveUserRoles(member, formUserRole)" |
| class="mt-2" |
| > |
| <div class="form-row mb-3"> |
| <p class="instruction-text">Permission Group</p> |
| </div> |
|
|
| <div |
| class="form-row mb-3" |
| ng-repeat="role in account_roles track by role.id" |
| > |
| <div class="col-12 mt-2"> |
| <div class="pl-0 col-4 float-left"> |
| <label |
| class="radio-container" |
| for="value-{{ role.id }}" |
| > |
| {{ role.display_name }} |
| <input |
| type="radio" |
| name="role" |
| id="value-{{ role.id }}" |
| ng-value="{{ role.id }}" |
| ng-model="member.roleId" |
| /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formUserRole.type.$dirty && |
| formUserRole.type.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-btn-container mt-3 mb-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formUserRole.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| |
| |
| |
| |
| |
| |
| </div> |
| <small> |
| <strong><i class="fas fa-lightbulb-exclamation"></i></strong |
| >Admin can manage all features, members can use boards shared with them and create their own, and viewers can only access boards shared with them but with no permission to add, edit or delete anything. |
| </small> |
| </form> |
|
|
| <h3 class="mt-5">User's Boards</h3> |
| <div class="row"> |
| <div class="col-12"> |
| <div class="mt-4 mb-2"> |
| <input type="text" class="form-control" ng-model="searchBoards" placeholder="Search"> |
| </div> |
| </div> |
| </div> |
|
|
| <div |
| class="mt-2" |
| > |
| <div class="form-row mb-3"> |
| <p class="instruction-text">Boards</p> |
| </div> |
|
|
| <div |
| class="form-row mb-3" |
| > |
| <div |
| class="col-6" |
| ng-repeat="board in account_boards | filter:searchBoards track by board.id" |
| > |
| <div class="pl-0 col-12 float-left"> |
| <label |
| class="check-container" |
| for="board-{{ board.id }}" |
| ng-disabled="board.loading" |
| > |
| {{ board.name }} |
| <input |
| type="checkbox" |
| name="board" |
| id="board-{{ board.id }}" |
| ng-disabled="board.loading" |
| ng-click="toggleBoardTeam(member, board)" |
| ng-checked="member.boardsIds.indexOf(board.id) > -1" |
| /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| |
|
|
| <div |
| id="account-email-settings" |
| class="slide-in-contaniner edit-profile-slide" |
| ng-if="::accountOwner || hasAnyRole('admin')" |
| style="max-width: 550px"> |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');"> |
| <i class="fas fa-chevron-left"></i> |
| </button> |
| <div class="slide-in-content"> |
| <h3 class="mt-2">Email Settings</h3> |
| <p>You can configure the SMTP settings for your account's personal email domains.</p> |
| <form |
| name="formAccountEmailSettings" |
| ng-submit="saveAccountMailSettings(accountMailSettings, formAccountEmailSettings)" |
| class="mt-2" |
| autocomplete="off"> |
| <div class="form-row mb-1"> |
| <div class="col-12 mt-2"> |
| <label>Host</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Host" |
| name="mail_host" |
| ng-model="accountMailSettings.mail_host" |
| ng-required="accountMailSettings.mail_port || accountMailSettings.mail_user || accountMailSettings.mail_pass" |
| autocomplete="off" /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formAccountEmailSettings.mail_host.$dirty && |
| formAccountEmailSettings.mail_host.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-1"> |
| <div class="col-12 mt-2"> |
| <label>Port</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Port" |
| name="mail_port" |
| ng-model="accountMailSettings.mail_port" |
| ng-required="accountMailSettings.mail_host || accountMailSettings.mail_user || accountMailSettings.mail_pass" |
| autocomplete="off" /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formAccountEmailSettings.mail_port.$dirty && |
| formAccountEmailSettings.mail_port.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-1"> |
| <div class="col-12 mt-2"> |
| <label>User</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="User" |
| name="mail_user" |
| ng-model="accountMailSettings.mail_user" |
| ng-required="accountMailSettings.mail_host || accountMailSettings.mail_port || accountMailSettings.mail_pass" /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formAccountEmailSettings.mail_user.$dirty && |
| formAccountEmailSettings.mail_user.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-1"> |
| <div class="col-12 mt-2"> |
| <label>Pass</label> |
| <input |
| type="password" |
| class="form-control" |
| placeholder="Pass" |
| name="mail_pass" |
| ng-model="accountMailSettings.mail_pass" |
| ng-required="accountMailSettings.mail_host || accountMailSettings.mail_port || accountMailSettings.mail_user" /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formAccountEmailSettings.mail_pass.$dirty && |
| formAccountEmailSettings.mail_pass.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-btn-container mt-3 col-12 px-0"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formAccountEmailSettings.$invalid || loading" |
| ng-class="{ loading: loading }"> |
| Save |
| </button> |
| <button |
| type="button" |
| class="btn btn-secondary btn-block mb-3" |
| ng-click="accountMailSettings.mail_host = null; accountMailSettings.mail_port = null; accountMailSettings.mail_user = null; accountMailSettings.mail_pass = null; saveAccountMailSettings(accountMailSettings, formAccountEmailSettings);" |
| ng-class="{ loading: loading }"> |
| Clear & Save |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
|
|
|
|
|
|
| |
| <div |
| id="user-invitation-form" |
| class="slide-in-contaniner edit-profile-slide third-level" |
| > |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeInvitationForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3>User Invitation</h3> |
| <form |
| name="formInvite" |
| ng-submit="submitInvite(invitation, formInvite)" |
| class="mt-4" |
| > |
| <div |
| class="alert alert-success" |
| role="alert" |
| ng-show="alertTeamSuccess" |
| > |
| <span>{{ alertTeamSuccess }}</span> |
| </div> |
|
|
| <div class="alert alert-info" role="alert" ng-show="alertTeamError"> |
| <span>{{ alertTeamError }}</span> |
| </div> |
|
|
| <div class="form-group mb-3"> |
| <label>Full Name</label> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="name" |
| ng-model="invitation.name" |
| placeholder="Name" |
| /> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formInvite.name.$dirty && formInvite.name.$error.required |
| " |
| > |
| This field is required. |
| </span> |
|
|
| <div class="form-group mb-3"> |
| <label>E-mail to Invite</label> |
| <input |
| type="email" |
| class="form-control" |
| required |
| name="email" |
| ng-model="invitation.email" |
| placeholder="Email" |
| ng-disabled="!!invitation.id" |
| /> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formInvite.email.$dirty && formInvite.email.$error.required |
| " |
| > |
| This field is required. |
| </span> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formInvite.email.$dirty && formInvite.email.$error.email |
| " |
| >Enter a valid email. |
| </span> |
|
|
| <div class="form-group mb-3"> |
| <label> Boards to allow access</label> |
| <ng-show ng-show="account_boards.length > 0" class="list-item-board"> |
| <h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak class="subtitles-dropdown"> |
| <ng-show >Select</ng-show> |
| <i class="fal fa-chevron-down"></i> |
| </h4> |
| <div class="subtitles-dropdown dropdown-menu pre-scrollable" aria-labelledby="dDrop"> |
| <h4 class="subtitles-dropdown subtitles-item" ng-repeat="board in account_boards | filter:{showOnInvitations:1} track by board.id" ng-click="select_board.boards.unshift(board); board.showOnInvitations = 0;"> |
| {{ board.name }} |
| </h4> |
| </div> |
| </ng-show> |
| <label>Access to Boards: </label> |
| <div class="box-list-board user-invitations" ng-show="select_board.boards.length > 0"> |
| <ng-show ng-show="select_board.boards.length > 0" ng-cloak> |
| <h4 class="subtitles-dropdown bg-white" ng-repeat="board in select_board.boards"> |
| <ng-show ><span>{{ board.name }}</span></ng-show> |
| <i class="fal fa-times float-right colorLight h6" ng-click="$event.stopPropagation(); select_board.boards.splice(select_board.boards.indexOf(board),1); account_boards[account_boards.indexOf(board)].showOnInvitations = 1;"></i> |
| </h4> |
| </ng-show> |
| </div> |
| </div> |
|
|
| <div class="form-group mb-3"> |
| <label>Role</label> |
| <select |
| name="role" |
| id="role" |
| class="form-control" |
| ng-options="role.display_name for role in account_roles track by role.id" |
| ng-model="invitation.role" |
| title="<strong><i class='fas fa-lightbulb-exclamation'></i></strong>Admin can manage all features, members can use boards shared with them and create their own, and viewers can only access boards shared with them but with no permission to add, edit or delete anything." |
| > |
| <option value="" disabled selected> |
| Permission Group |
| </option> |
| </select> |
| </div> |
|
|
| <div class="form-group mb-3"> |
| <button class="btn btn-primary btn-block" type="submit" ng-disabled="loading || formInvite.$invalid"> |
| <ng-if ng-if="invitation.id">Save</ng-if> |
| <ng-if ng-if="!invitation.id">Send</ng-if> |
| </button> |
|
|
|
|
| <button class="btn btn-danger btn-block" type="button" ng-if="invitation.id" ng-click="confirmDeleteInvitation(invitation)" ng-disabled="loading"> |
| Delete |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| <div |
| id="custom-fields" |
| class="slide-in-contaniner edit-profile-slide" |
| ng-if="::$root.hasCustomFieldsModule()" |
| style="max-width: 550px"> |
| |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');" |
| > |
| <i class="fas fa-chevron-left"></i> |
| </button> |
| <div ng-if="::$root.hasCustomFieldsModule()" class="slide-in-content"> |
| |
|
|
| <h3 class="mb-2"> |
| Custom Fields |
| </h3> |
| <p> |
| You can create your custom fields on matters, contacts and cards. |
| </p> |
| <small ng-if="::hasAsset('Clio')" class="color-purple"><i class="fas fa-exclamation-circle"></i> |
| Attention: This is a Legalboards exclusive feature and has no integration with Clio. |
| </small> |
|
|
|
|
| <div class="row mb-3"> |
| <div class="col-8 mt-3"> |
| <div class="search"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchCustomFields" |
| placeholder="Search" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div class="col-4 mt-3"> |
| <button |
| class="btn btn-primary btn-block" |
| ng-click="openCustomFieldsForm()" |
| > |
| New |
| </button> |
| </div> |
| <div class="col-12 mt-3 text-center" ng-cloak ng-show="custom_fields.length === 0"> |
| |
| <img src="https://app.legalboards.io/img/no-custom-fields.png" width="100%"/> |
| </div> |
| <div |
| class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem" |
| ng-class="{ 'empty-box': custom_fields.length === 0 }" |
| ng-cloak |
| > |
| <table |
| class="mt-3 ml-2 table-striped pb-3 colorDark" |
| ng-show="custom_fields.length > 0" |
| > |
| <thead> |
| <tr> |
| <th class="pl-2">Board</th> |
| <th>Where</th> |
| <th>Name</th> |
| <th>Type</th> |
| <th></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="custom_field in custom_fields | filter:searchCustomFields track by custom_field.id" |
| > |
| <td class="pl-2 text-capitalize"> |
| <span ng-if="custom_field.board">{{ custom_field.board.name }}</span> |
| <span ng-if="!custom_field.board">All</span> |
| </td> |
| <td class="text-capitalize"> |
| {{ custom_field.type_display }} |
| </td> |
| <td class="">{{ custom_field.value }}</td> |
| <td class="text-capitalize text-truncate"> |
| {{ custom_field.field_type.display_name }} |
| </td> |
| <td width="70px"> |
| <a |
| href="" |
| ng-click="openCustomFieldsForm(custom_field)" |
| class="p-2 btn colorLB" |
| > |
| <i class="fa fa-pencil"></i> |
| </a> |
|
|
| <a |
| href="" |
| class="p-2 btn" |
| ng-click="confirmDeleteCustomField($index, custom_field)" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| <ng-if ng-if="::$root.hasCustomFieldsModule()"> |
| |
|
|
| <div id="custom-fields-form" class="slide-in-contaniner edit-profile-slide" style="z-index: 75"> |
| <button class="close-btn btn close-form-but" ng-click="closeCustomFieldsForm()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 ng-show="custom_field.id">Edit Field</h5> |
| <h3 ng-show="!custom_field.id">New Field</h5> |
|
|
| <form name="formCustomField" ng-submit="saveCustomField(custom_field, formCustomField)" class="mt-2"> |
| <div class="form-row mb-3" ng-if="custom_field.from !== 'custom-forms'"> |
| <p class="instruction-text">Form</p> |
| <div class="col-12 mt-2"> |
| |
| <div class="pl-0 col-4 float-left" ng-if="::hasAsset('Legalboards')"> |
| <label class="radio-container" for="value-matter"> |
| Matter |
| <input type="radio" name="type" id="value-matter" value="matter" |
| ng-model="custom_field.type" required /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
| <div class="pl-0 col-4 float-left" ng-if="$root.hasContactModule()"> |
| <label class="radio-container" for="value-contact"> |
| Contact |
| <input type="radio" name="type" id="value-contact" value="contact" |
| ng-model="custom_field.type" required /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
|
|
| <div class="pl-0 col-4 float-left"> |
| <label class="radio-container" for="value-card"> |
| Note |
| <input type="radio" name="type" id="value-card" value="card" |
| ng-model="custom_field.type" required /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
| </div> |
| </div> |
|
|
| <span class="error" |
| ng-show="formCustomField.type.$error.required">This field is required. |
| </span> |
|
|
| <ng-show ng-show="custom_field.from !== 'custom-forms'"> |
| <div class="form-row mb-3"> |
| <p class="instruction-text">When...</p> |
| <div class="col-12 mt-2"> |
| <label>Board</label> |
| <ui-select autofocus-ui-select ng-model="custom_field.board" theme="select2" name="board"> |
| <ui-select-match allow-clear placeholder="All Boards"> |
| {{ custom_field.board.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="board in boards | filter:$select.search track by $index" |
| > |
| {{ board.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
| </ng-show> |
|
|
| <ng-show ng-show="custom_field.type === 'contact'"> |
| <div class="form-row mb-3"> |
| <p class="instruction-text">Type</p> |
| <div class="col-12 mt-2"> |
|
|
| <div class="pl-0 col-4 float-left"> |
| <label class="radio-container" for="value-pj"> |
| Company |
| <input type="radio" name="contact_type" id="value-pj" value="pj" |
| ng-model="custom_field.contact_type" /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
| <div class="pl-0 col-5 float-left"> |
| <label class="radio-container" for="value-pf"> |
| Person |
| <input type="radio" name="contact_type" id="value-pf" value="pf" |
| ng-model="custom_field.contact_type" /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
|
|
| <div class="pl-0 col-3 float-left"> |
| <label class="radio-container" for="value-null"> |
| Both |
|
|
| <input type="radio" name="contact_type" id="value-null" value="" |
| ng-model="custom_field.contact_type" /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
|
|
| </div> |
| </div> |
| </ng-show> |
|
|
| <ng-show ng-if="custom_field.type === 'matter'"> |
| <div class="form-row mb-3"> |
| <p class="instruction-text">When...</p> |
| <div class="col-12 mt-2"> |
| <label>Clients</label> |
| <ui-select autofocus-ui-select ng-model="custom_field.clients" theme="select2" name="clients" class="multipleFind" |
| multiple> |
| <ui-select-match allow-clear placeholder="All Clients"> |
| {{ $item.first_name }} {{ $item.last_name }} |
| </ui-select-match> |
| <ui-select-choices refresh="searchContacts($select, {})" refresh-delay="1000" |
| repeat="contact in search_contacts | filter:$select.search track by $index"> |
| {{ contact.first_name }} {{ |
| contact.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Type Matter</label> |
| <ui-select autofocus-ui-select ng-model="custom_field.parameters" theme="select2" name="parameters" |
| class="multipleFind" multiple> |
| <ui-select-match allow-clear placeholder="All"> |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices refresh="searchParameters($select.search, { type: 'matter_area'})" |
| refresh-delay="1000" |
| repeat="parameter in search_parameters | filter:$select.search track by $index"> |
| {{ parameter.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
| </ng-show> |
|
|
|
|
|
|
| <div class="form-row mb-3"> |
| <p class="instruction-text">Add the field</p> |
| <div class="col-12 mt-2"> |
| <label>Name</label> |
| <input type="text" class="form-control" placeholder="Value" name="value" |
| required |
| ng-model="custom_field.value" /> |
| </div> |
| </div> |
|
|
| <span class="error" |
| ng-show="formCustomField.value.$dirty && formCustomField.value.$error.required">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <p class="instruction-text">Required?</p> |
| <div class="col-12 mt-2"> |
| <div class="pl-0 col-12 float-left"> |
| <label class="check-container" for="required"> |
| Yes |
| <input |
| type="checkbox" |
| class="form-check-input" |
| id="required" |
| ng-model="custom_field.required" |
| ng-true-value="1" |
| ng-false-value="0" |
| /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
|
|
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <p class="instruction-text">Type</p> |
| <div class="col-12 mt-2"> |
| <label>Field Type</label> |
| <ui-select autofocus-ui-select ng-model="custom_field.field_type" theme="select2" name="field_type" required> |
| <ui-select-match allow-clear placeholder="Field Type"> |
| {{ custom_field.field_type.display_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="parameter in custom_fields_parameters | filter:$select.search track by $index"> |
| {{ parameter.display_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div ng-if="custom_field.field_type.name === 'upload'" class="form-row mb-3"> |
| <p class="instruction-text">Save In</p> |
| <div class="col-12 mt-2"> |
| <label>Select Locale</label> |
| <ui-select autofocus-ui-select ng-model="custom_field.asset" theme="select2" name="asset" required> |
| <ui-select-match allow-clear placeholder="Select Locale"> |
| {{ custom_field.asset.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="document in assets_documents | filter:$select.search track by $index"> |
| {{ document.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span class="error" |
| ng-show="formCustomField.field_type.$dirty && formCustomField.field_type.$error.required">This field is required. |
| </span> |
|
|
| <ng-show ng-show="custom_field.field_type.name === 'select'"> |
| <p>Options</p> |
| <div class="form-row label-item" ng-repeat="option in custom_field.options track by $index" ng-cloak> |
| <div class="col-8 pl-3 align-self-center"> |
| <span> {{ option.value }}</span> |
| </div> |
| <div class="col-4 text-right ml-aut align-self-center"> |
| <a href="" ng-click="removeCustomFieldOption($index, option)" class="btn"><i |
| class="fas fa-trash"></i></a> |
| </div> |
| </div> |
|
|
| <div class="form-row label-item"> |
| <div class="col-10"> |
| <input class="form-control" type="text" name="option" placeholder="Add option" |
| ng-model="option.value" ng-keydown="addCustomFieldOptionKeyDown($event, option)" /> |
| </div> |
| <div class="col-2 pr-2 text-right align-self-center"> |
| <button type="button" class="btn" ng-click="addCustomFieldOption(option)"> |
| <i class="fas fa-check-circle"></i> |
| </button> |
| </div> |
| </div> |
| </ng-show> |
|
|
| <div class="form-btn-container mt-3"> |
| <button type="submit" class="btn btn-primary btn-block mb-3" |
| ng-disabled="formCustomField.$invalid || loading" ng-class="{'loading': loading}"> |
| Save |
| </button> |
| <button type="button" class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeCustomFieldsForm(form)"> |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| </ng-if> |
|
|
| <ng-if ng-if="::$root.hasCustomFormsModule()"> |
| |
| <div |
| id="custom-forms" |
| class="slide-in-contaniner edit-profile-slide" |
| style="max-width: 550px;" |
| > |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');" |
| > |
| <i class="fas fa-chevron-left"></i> |
| </button> |
| <div class="slide-in-content"> |
| |
|
|
| <h3 class="mb-2"> |
| Forms |
| </h3> |
| <p> |
| Create external web forms to collect information, generate leads or similar purposes. |
| </p> |
|
|
| <div class="row mb-3"> |
| <div class="col-8 mt-3"> |
| <div class="search"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchCustomForm" |
| placeholder="Search" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div class="col-4 mt-3"> |
| <button |
| class="btn btn-primary btn-block" |
| ng-click="openCustomFormForm()" |
| > |
| New |
| </button> |
| </div> |
| <div |
| class="col-12 mt-3 text-center" |
| ng-cloak |
| ng-show="custom_forms.length === 0" |
| > |
| |
| <img src="https://app.legalboards.io/img/no-form-intake.png" width="100%" /> |
| </div> |
| <div |
| class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem" |
| ng-class="{ 'empty-box': custom_forms.length === 0 }" |
| ng-cloak |
| > |
| <table |
| class="mt-3 ml-2 table-striped pb-3 colorDark" |
| ng-show="custom_forms.length > 0" |
| > |
| <thead> |
| <tr> |
| <th class="pl-2 pr-2" style="width:150px;">Form’s Title</th> |
| <th class="pl-2 pr-2">Board</th> |
| <th class="pl-2 pr-2">Column</th> |
| <th></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="custom_form in custom_forms | filter:searchCustomForm track by custom_form.id" |
| > |
| <td class="pl-2 pr-2">{{ custom_form.title }}</td> |
| <td class="pl-2 pr-2">{{ custom_form.board.name }}</td> |
| <td class="pl-2 pr-2">{{ custom_form.list.name }}</td> |
| <td width="100px"> |
| <a |
| ng-click="openCustomFormModal(custom_form)" |
| href="" |
| class="p-1 btn" |
| title="Share this form" |
| > |
| <i |
| class="fad fa-share-alt color-purple" |
| ></i> |
| </a> |
|
|
| <a |
| href="" |
| ng-click="openCustomFormForm(custom_form)" |
| class="p-1 btn" |
| ng-if="AuthUser.id == custom_form.user_id || hasAnyRole(['admin'])" |
| > |
| <i class="fa fa-pencil colorLB"></i> |
| </a> |
| <a |
| href="" |
| ng-click="openCustomFormFormCopy(custom_form)" |
| class="p-1 btn" |
| > |
| <i class="fa fa-copy colorLB"></i> |
| </a> |
|
|
| <a |
| href="" |
| class="p-1 btn" |
| ng-click="deleteCustomForm(custom_form)" |
| ng-if="AuthUser.id == custom_form.user_id || hasAnyRole(['admin'])" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| <div |
| id="custom-form-form" |
| class="slide-in-contaniner edit-profile-slide" |
| style="max-width: 565px" |
| > |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeCustomFormsForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 class="mb-0">Form</h3> |
| <p>Customize your form page here</p> |
| <form |
| name="formCustomForm" |
| ng-submit="saveCustomForm(custom_form, formCustomForm)" |
| class="mt-2 custom-form" |
| > |
| <div class="accordion" id="accordionWrapper"> |
| <h4 class="font-weight-bold mb-2 color-purple collapse-title" data-toggle="collapse" href="#collapseWhere" role="button" aria-expanded="false" aria-controls="collapseWhere"> |
| <span class="step-automation">1</span> |
| Where will the answers be saved? |
| </h4> |
| <div class="collapse show" id="collapseWhere" data-parent="#accordionWrapper"> |
| <div class="form-row mb-1"> |
| <div class="col-12 mt-2"> |
| <label>Board</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="custom_form.board" |
| theme="select2" |
| name="board" |
| required |
| ng-change="handleCustomFormBoardChanged(custom_form.board, custom_form.type)" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Select a Boards" |
| > |
| {{ custom_form.board.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="board in boards | filter:$select.search track by board.id" |
| > |
| {{ board.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12 mt-2"> |
| <label>Column</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="custom_form.list" |
| theme="select2" |
| name="list" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Select a column" |
| > |
| {{ custom_form.list.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="list in lists | filter:$select.search track by list.id" |
| > |
| {{ list.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
| </div> |
|
|
| <h4 ng-click="openCustomFormFormPreview()" class="font-weight-bold mb-2 color-purple collapse-title" data-toggle="collapse" href="#collapseLook" role="button" aria-expanded="false" aria-controls="collapseLook"> |
| <span class="step-automation">2</span> Look & Feel |
| </h4> |
| <div class="collapse" id="collapseLook" data-parent="#accordionWrapper"> |
| <div class="form-row mx-0"> |
| <label |
| style="color: inherit" |
| title="Upload a Banner" |
| title-direction="right" |
| > |
| <img |
| class="w-100 cursor-pointer" |
| ng-src="{{ |
| custom_form.banner || |
| 'https://via.placeholder.com/600x130/f7f8fc/6f8097?text=Upload a Banner (1920x600 px)' |
| }}" |
| /> |
|
|
| <input |
| accept=".jpeg,.jpg,.png" |
| type="file" |
| style="display: none" |
| name="customFormBanner" |
| id="customFormBanner" |
| ng-model="customFormBanner" |
| onchange="angular.element(this).scope().loadBanner(customFormBanner)" |
| /> |
| </label> |
| </div> |
|
|
| <div class="form-row mb-1"> |
| <div class="col-12 mt-2"> |
| <label for="show_logo"> |
| <input |
| type="checkbox" |
| class="checkbox" |
| placeholder="Show Logo" |
| name="show_logo" |
| ng-value="1" |
| ng-model="custom_form.show_logo" |
| ng-checked="custom_form.show_logo == 1" |
| ng-click="custom_form.show_logo = custom_form.show_logo == 1 ? 0 : 1" |
| /> |
| Show your Account Logo?</label |
| > |
| </div> |
| </div> |
|
|
| <div class="form-row mb-1"> |
| <div class="col-12 mt-2"> |
| <label>Form’s Title</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Title" |
| name="title" |
| ng-model="custom_form.title" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formCustomForm.title.$dirty && |
| formCustomForm.title.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-1"> |
| <div class="col-12 mt-2"> |
| <label>Description</label> |
| <textarea |
| class="form-control" |
| placeholder="Description" |
| name="description" |
| ng-model="custom_form.description" |
| ></textarea> |
| </div> |
| </div> |
| </div> |
|
|
| <h4 ng-click="openCustomFormFormPreview()" class="font-weight-bold mb-2 color-purple collapse-title" data-toggle="collapse" href="#collapseFields" role="button" aria-expanded="false" aria-controls="collapseFields"> |
| <span class="step-automation">3</span> Fields Settings |
| </h4> |
|
|
| <div class="collapse" id="collapseFields" data-parent="#accordionWrapper"> |
| <div class="form-row mb-3" ng-if="::$root.hasContactModule()"> |
| <div class="col-12 mt-2 pl-3"> |
| <div class="form-check form-check-inline"> |
| <input |
| class="form-check-input position-relative" |
| ng-model="custom_form.type" |
| type="radio" |
| name="type" |
| id="custom-form-type-note" |
| value="note" |
| required |
| ng-click="handleCustomFormBoardChanged(custom_form.board, custom_form.type)" |
| /> |
| <label class="form-check-label" for="custom-form-type-note">Card Note</label> |
| </div> |
| <div class="form-check form-check-inline"> |
| <input |
| class="form-check-input position-relative" |
| ng-model="custom_form.type" |
| type="radio" |
| name="type" |
| id="custom-form-type-person" |
| value="person" |
| required |
| ng-click="handleCustomFormBoardChanged(custom_form.board, custom_form.type)" |
| /> |
| <label class="form-check-label" for="custom-form-type-person">Person</label> |
| </div> |
| <div class="form-check form-check-inline"> |
| <input |
| class="form-check-input position-relative" |
| ng-model="custom_form.type" |
| type="radio" |
| name="type" |
| id="custom-form-type-company" |
| value="company" |
| required |
| ng-click="handleCustomFormBoardChanged(custom_form.board, custom_form.type)" |
| /> |
| <label class="form-check-label" for="custom-form-type-company">Company</label> |
| </div> |
| </div> |
| </div> |
|
|
| <div ng-if="custom_form.type == 'note'"> |
| <h4 class="font-weight-bold mb-2 color-purple px-3"> |
| Card Note Fields |
| </h4> |
|
|
| <div class="card-preview-form w-100"> |
| <div class="row align-items-center mb-2"> |
| <div class="col-2 disabled"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="custom_form.title_label_show" |
| ng-model="custom_form.title_label_show" |
| class="checkbox" |
| disabled |
| ng-checked="true" |
| checked="checked" |
| > |
| <label class="custom-control-label order-1" for="custom_form.title_label_show"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.title_label">{{ custom_form.title_label }}</ng-if> |
| <ng-if ng-if="!custom_form.title_label">Title</ng-if>(*)</strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-class="{ 'color-purple': custon_title.show === 1 }" |
| ng-click="custon_title.show = custon_title.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_title.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="title_label" |
| value="Title" |
| placeholder="Title" |
| ng-model="custom_form.title_label" |
| /> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formCustomForm.title_label.$dirty && |
| formCustomForm.title_label.$error.required |
| " |
| >This field is required. |
| </span> |
| </div> |
| <div class="row align-items-center mb-2"> |
| <div class="col-2 float-left"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="custom_form_toggle_subtitle_show" |
| ng-model="custom_form.subtitle_show" |
| ng-true-value="1" |
| ng-false-value="0" |
| ng-checked="custom_form.subtitle_show == 1" |
| class="checkbox toggle_form" |
| ng-click="custom_form.subtitle_show = custom_form.subtitle_show == 1 ? 0 : 1" |
| > |
| <label class="custom-control-label order-1" for="custom_form_toggle_subtitle_show"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.subtitle_label">{{ custom_form.subtitle_label }}</ng-if> |
| <ng-if ng-if="!custom_form.subtitle_label">Subtitle</ng-if></strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-show="custom_form.subtitle_show" |
| ng-class="{ 'color-purple': custon_subtitle.show === 1 }" |
| ng-click="custon_subtitle.show = custon_subtitle.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_subtitle.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="subtitle_label" |
| value="Subtitle" |
| placeholder="Subtitle Card" |
| ng-model="custom_form.subtitle_label" |
| /> |
| </div> |
| </div> |
| <div class="row align-items-center mb-2"> |
| <div class="col-2 float-left"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="custom_form_toggle_description_show" |
| ng-model="custom_form.description_show" |
| ng-true-value="1" |
| ng-false-value="0" |
| ng-checked="custom_form.description_show == 1" |
| class="checkbox toggle_form" |
| ng-click="custom_form.description_show = custom_form.description_show == 1 ? 0 : 1" |
| > |
| <label class="custom-control-label order-1" for="custom_form_toggle_description_show"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.description_label">{{ custom_form.description_label }}</ng-if> |
| <ng-if ng-if="!custom_form.description_label">Note</ng-if></strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-show="custom_form.description_show" |
| ng-class="{ 'color-purple': custon_description.show === 1 }" |
| ng-click="custon_description.show = custon_description.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_description.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="description_label" |
| placeholder="Note Card" |
| ng-model="custom_form.description_label" |
| /> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| <div ng-if="custom_form.type == 'person'"> |
| <h4 class="font-weight-bold mb-2 color-purple px-3"> |
| Person Fields |
| </h4> |
|
|
| <div class="card-preview-form"> |
| <div class="row align-items-center mb-2"> |
| <div class="col-2 float-left"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="toggle_{{ notification.id }}" |
| ng-model="custom_form.person_first_name_show" |
| ng-checked="true" |
| class="checkbox toggle_form" |
| disabled |
| checked> |
| <label class="custom-control-label order-1" for="custom_form.person_first_name_show"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.person_first_name_label">{{ custom_form.person_first_name_label }}</ng-if> |
| <ng-if ng-if="!custom_form.person_first_name_label">First Name</ng-if>(*)</strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-class="{ 'color-purple': custon_person_first_name.show === 1 }" |
| ng-click="custon_person_first_name.show = custon_person_first_name.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_person_first_name.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="person_first_name_label" |
| placeholder="First Name" |
| ng-model="custom_form.person_first_name_label" |
| /> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formCustomForm.person_first_name_label.$dirty && |
| formCustomForm.person_first_name_label.$error.required |
| " |
| >This field is required. |
| </span> |
| </div> |
| <div class="row align-items-center mb-2"> |
| <div class="col-2 float-left"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="custom_form_toggle_person_last_name_show" |
| ng-model="custom_form.person_last_name_show" |
| ng-true-value="1" |
| ng-false-value="0" |
| ng-checked="custom_form.person_last_name_show == 1" |
| class="checkbox toggle_form" |
| ng-click="custom_form.person_last_name_show = custom_form.person_last_name_show == 1 ? 0 : 1"> |
| <label class="custom-control-label order-1" for="custom_form_toggle_person_last_name_show"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.person_last_name_label">{{ custom_form.person_last_name_label }}</ng-if> |
| <ng-if ng-if="!custom_form.person_last_name_label">Last Name</ng-if></strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-show="custom_form.person_last_name_show" |
| ng-class="{ 'color-purple': custon_person_last_name.show === 1 }" |
| ng-click="custon_person_last_name.show = custon_person_last_name.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_person_last_name.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="person_last_name_label" |
| placeholder="Last Name" |
| ng-model="custom_form.person_last_name_label" |
| /> |
| </div> |
| </div> |
|
|
| <div class="row align-items-center mb-2"> |
| <div class="col-2 float-left"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="custom_form_toggle_person_email_show" |
| ng-model="custom_form.person_email_show" |
| ng-true-value="1" |
| ng-false-value="0" |
| ng-checked="custom_form.person_email_show == 1" |
| class="checkbox toggle_form" |
| ng-click="custom_form.person_email_show = custom_form.person_email_show == 1 ? 0 : 1" |
| > |
| <label class="custom-control-label order-1" for="custom_form_toggle_person_email_show"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.person_email_label">{{ custom_form.person_email_label }}</ng-if> |
| <ng-if ng-if="!custom_form.person_email_label">Email</ng-if></strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-show="custom_form.person_email_show" |
| ng-class="{ 'color-purple': custon_person_email.show === 1 }" |
| ng-click="custon_person_email.show = custon_person_email.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_person_email.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="person_email_label" |
| placeholder="Email" |
| ng-model="custom_form.person_email_label" |
| /> |
| </div> |
| </div> |
|
|
| <div class="row align-items-center mb-2"> |
| <div class="col-2 float-left"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="custom_form_toggle_person_phone_show" |
| ng-model="custom_form.person_phone_show" |
| ng-true-value="1" |
| ng-false-value="0" |
| ng-checked="custom_form.person_phone_show == 1" |
| class="checkbox toggle_form" |
| ng-click="custom_form.person_phone_show = custom_form.person_phone_show == 1 ? 0 : 1" |
| > |
| <label class="custom-control-label order-1" for="custom_form_toggle_person_phone_show"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.person_phone_label">{{ custom_form.person_phone_label }}</ng-if> |
| <ng-if ng-if="!custom_form.person_phone_label">Phone</ng-if></strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-show="custom_form.person_phone_show" |
| ng-class="{ 'color-purple': custon_person_phone.show === 1 }" |
| ng-click="custon_person_phone.show = custon_person_phone.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_person_phone.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="person_phone_label" |
| placeholder="Phone" |
| ng-model="custom_form.person_phone_label" |
| /> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| <div ng-if="custom_form.type == 'company'"> |
| <h4 class="font-weight-bold mb-2 color-purple px-3"> |
| Company Fields |
| </h4> |
|
|
| <div class="card-preview-form"> |
| <div class="row align-items-center mb-2"> |
| <div class="col-2 float-left"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="custom_form.company_first_name_show" |
| ng-model="custom_form.company_first_name_show" |
| ng-checked="true" |
| class="checkbox toggle_form" |
| disabled |
| checked> |
| <label class="custom-control-label order-1" for="custom_form.company_first_name_show"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.company_first_name_label">{{ custom_form.company_first_name_label }}</ng-if> |
| <ng-if ng-if="!custom_form.company_first_name_label">Name</ng-if>(*)</strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-class="{ 'color-purple': custon_company_first_name.show === 1 }" |
| ng-click="custon_company_first_name.show = custon_company_first_name.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_company_first_name.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="company_first_name_label" |
| placeholder="Company Name" |
| ng-model="custom_form.company_first_name_label" |
| /> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formCustomForm.company_first_name_label.$dirty && |
| formCustomForm.company_first_name_label.$error.required |
| " |
| >This field is required. |
| </span> |
| </div> |
| </div> |
|
|
| <div class="row align-items-center mb-2"> |
| <div class="col-2"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="custom_form_toggle_company_email_show" |
| ng-model="custom_form.company_email_show" |
| ng-true-value="1" |
| ng-false-value="0" |
| ng-checked="custom_form.company_email_show == 1" |
| class="checkbox toggle_form" |
| ng-click="custom_form.company_email_show = custom_form.company_email_show == 1 ? 0 : 1"> |
| <label class="custom-control-label order-1" for="toggle_{{ notification.id }}"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.company_email_label">{{ custom_form.company_email_label }}</ng-if> |
| <ng-if ng-if="!custom_form.company_email_label">Email</ng-if></strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-show="custom_form.company_email_show" |
| ng-class="{ 'color-purple': custon_company_email.show === 1 }" |
| ng-click="custon_company_email.show = custon_company_email.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_company_email.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="company_email_label" |
| placeholder="Email" |
| ng-model="custom_form.company_email_label" |
| /> |
| </div> |
| </div> |
| <div class="row align-items-center mb-2"> |
| <div class="col-2 float-left"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="custom_form_toggle_company_phone_show" |
| ng-model="custom_form.company_phone_show" |
| ng-true-value="1" |
| ng-false-value="0" |
| ng-checked="custom_form.company_phone_show == 1" |
| class="checkbox toggle_form" |
| ng-click="custom_form.company_phone_show = custom_form.company_phone_show == 1 ? 0 : 1"> |
| <label class="custom-control-label order-1" for="toggle_{{ notification.id }}"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-10 float-left"> |
| <strong |
| ><ng-if ng-if="custom_form.company_phone_label">{{ custom_form.company_phone_label }}</ng-if> |
| <ng-if ng-if="!custom_form.company_phone_label">Phone</ng-if></strong |
| > |
| <a |
| href="" |
| class="small float-right hover-purple" |
| ng-show="custom_form.company_phone_show" |
| ng-class="{ 'color-purple': custon_company_phone.show === 1 }" |
| ng-click="custon_company_phone.show = custon_company_phone.show == 1 ? 0 : 1" |
| ><i class="fad fa-paint-brush"></i> Personalize Label</a |
| > |
| </div> |
| <div class="col-12 mt-2 mb-3 float-left" ng-show="custon_company_phone.show"> |
| <input |
| class="form-control custon-subtitle-card w-100" |
| name="company_phone_label" |
| placeholder="Phone" |
| ng-model="custom_form.company_phone_label" |
| /> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
|
|
| <h4 |
| class="font-weight-bold mb-2 color-purple px-3" |
| > |
| My Custom Fields |
| </h4> |
| <small ng-if="::hasAsset('Clio')" class="color-purple pl-3"><i class="fas fa-exclamation-circle"></i> |
| Attention: This is a Legalboards exclusive feature and has no integration with Clio. |
| </small> |
|
|
| <div class="card-preview-form"> |
| <div class="mb-3 col-12 px-0"> |
| <label for="customFieldSelect" class="form-label">Search Custom Fields</label> |
| <div class="d-flex align-items-center"> |
| <ui-select |
| class="px-0" |
| id="customFieldSelect" |
| ng-model="customFieldSelect.selected" |
| theme="select2" |
| name="customFieldSelect.selected"> |
| <ui-select-match allow-clear placeholder="Select custom field"> |
| <div ng-bind="customFieldSelect.selected.custom_field.value"></div> |
| </ui-select-match> |
| <ui-select-choices repeat="custom_field in custom_form.fields | filter:$select.search track by $index"> |
| <div ng-bind="custom_field.custom_field.value"></div> |
| </ui-select-choices> |
| </ui-select> |
| <button type="button" |
| class="btn btn-primary btn-no-wrap" |
| ng-click="handleSelectCustomField(customFieldSelect.selected)" |
| ng-disabled="customFieldSelect.selected === null" |
| >Add Field</button> |
| </div> |
| </div> |
|
|
| <div |
| class="row align-items-center mb-2" |
| ng-repeat="field in selected_fields track by $index" |
| > |
| <div class="col-12 float-left"> |
| <strong |
| >{{ field.custom_field.value }} {{ |
| field.custom_field.required ? "(*)" : "" |
| }}</strong |
| > |
| <div class="float-right container-custom-fields"> |
| <a |
| href="" |
| class="small hover-purple mr-2" |
| ng-class="{ 'color-purple': custon.show === 1 }" |
| ng-click="field.show_delete_form = field.show_delete_form == 1 ? 0 : 1" |
| title="Delete" |
| ><i class="fa-solid fa-trash text-danger"></i></a> |
| <a |
| href="" |
| class="small hover-purple mr-2" |
| ng-class="{ 'color-purple': custon.show === 1 }" |
| ng-click="custon.show = custon.show == 1 ? 0 : 1" |
| title="Personalize Label" |
| ><i class="fad fa-paint-brush text-info"></i></a> |
| <a |
| href="" |
| class="small hover-purple mr-2" |
| ng-show="field.custom_field.field_type.name === 'select'" |
| ng-class="{ 'color-purple': custon.show === 1 }" |
| ng-click="field.show_add_child = field.show_add_child == 1 ? 0 : 1" |
| title="Add Child" |
| ><i class="fa-sharp fa-solid fa-grid-2-plus text-success"></i></a> |
| </div> |
| </div> |
| <div class="col-12 mt-2 float-left" ng-show="custon.show"> |
| <input |
| class="form-control mt-2 mb-2" |
| placeholder="Customize field label" |
| name="label" |
| ng-model="field.label" |
| /> |
| <textarea |
| class="form-control mb-2" |
| name="description" |
| placeholder="Customize description" |
| ng-model="field.description" |
| ></textarea> |
| </div> |
|
|
| <div class="col-12 mt-2 float-left" ng-show="field.show_delete_form"> |
| <span> |
| Are you sure you want to remove this field from this form? The custom field will keep in your account, |
| only it will not be part of this form. |
| </span> |
| <div class="row"> |
| <div class="col-6 p-1"> |
| <button |
| type="button" |
| class="btn btn-danger w-100" |
| ng-click="deleteSelectedForm(field.custom_field.id); |
| " |
| >Yes, please remove</button> |
| </div> |
| <div class="col-6 p-1"> |
| <button |
| type="button" |
| class="btn btn-warning w-100" |
| ng-click="field.show_delete_form = 0" |
| >Never mind, keep the field.</button> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="col-12 mt-2 child-container" ui-sortable="sortableChildrenOptions" ng-model="field.custom_field.options" ng-show="field.show_add_child"> |
| <div class="mt-3 d-flex flex-column border rounded p-2 child-item" |
| ng-repeat="option in field.custom_field.options track by $index"> |
| <div> |
| <div class="d-flex justify-content-between children-wrapper-h" |
| > |
| <p ng-click="option.show_details = !option.show_details" class="small hover-purple mr-2"> |
| <span class="text-normalized">If: {{ option.value }}</span> |
| <i class="fa" ng-class="{'fa-chevron-down': !option.show_details, 'fa-chevron-up': option.show_details}"></i> |
| </p> |
| <div> |
| <a href="" |
| ng-click="options.show_add_custom_field = options.show_add_custom_field == 1 ? 0 : 1" |
| class="small hover-purple mr-2" title="Add Child"> |
| <i class="fa-regular fa-plus-large text-success"></i> |
| </a> |
| </div> |
| </div> |
|
|
| <div class="mb-3" ng-show="options.show_add_custom_field"> |
| <div> |
| <label for="customFieldSelect_{{ index }}" class="form-label">Search Custom Fields</label> |
| <div class="d-flex align-items-center"> |
| <ui-select |
| id="customFieldSelect_{{ index }}" |
| ng-model="option.customFieldSelect.selected" |
| theme="select2" |
| name="option.customFieldSelect.selected"> |
| <ui-select-match allow-clear placeholder="Select custom field"> |
| <div ng-bind="option.customFieldSelect.selected.custom_field.value"></div> |
| </ui-select-match> |
| <ui-select-choices repeat="custom_field in custom_form.fields | filter:$select.search track by $index"> |
| <div ng-bind="custom_field.custom_field.value"></div> |
| </ui-select-choices> |
| </ui-select> |
| <button type="button" |
| class="btn btn-primary btn-no-wrap" |
| ng-click="handleSelectCustomChildField(option, field);" |
| ng-disabled="option.customFieldSelect.selected === null" |
| >Add Field</button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="accordion-body mt-2" ng-show="option.show_details"> |
| <div ng-repeat="child in option.childs track by $index" |
| class="form-group mb-0 pt-2 border-top"> |
| <div> |
| <div class="d-flex justify-content-between"> |
| <p>{{ child.custom_field.value }}</p> |
| <div class="d-flex justify-content-center"> |
| <a |
| href="" |
| class="small hover-purple mr-2" |
| ng-click="deleteSelectedChildForm(child.custom_field.id, option.id, field);" |
| title="Delete" |
| ><i class="fa-solid fa-trash text-danger"></i></a> |
| <a |
| href="" |
| class="small hover-purple mr-2" |
| ng-click="child.show = child.show == 1 ? 0 : 1" |
| title="Personalize Label" |
| ><i class="fad fa-paint-brush text-info"></i></a> |
| </div> |
| </div> |
| <div> |
| <div ng-show="child.show"> |
| <input |
| class="form-control mt-2 mb-2" |
| placeholder="Customize field label" |
| name="label" |
| ng-model="child.custom_field.label" |
| /> |
| <textarea |
| class="form-control mb-2" |
| name="description" |
| placeholder="Customize description" |
| ng-model="child.custom_field.description" |
| ></textarea> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="form-btn-container mt-3 mb-2 col-12 align-items-center"> |
| <button |
| type="button" |
| class="btn btn-block bg-outline px-10 color-purple" |
| ng-click="openCustomFieldsForm({board: custom_form.board, type: (custom_form.type == 'note' ? 'card' : 'contact'), from: 'custom-forms'})" |
| ng-show="custom_form.board" |
| > |
| <i class="fas fa-plus"></i> Add New Field |
| </button> |
| </div> |
|
|
| </div> |
| </div> |
|
|
|
|
| <h4 ng-click="openCustomFormFormPreview()" class="font-weight-bold mb-2 color-purple collapse-title" data-toggle="collapse" href="#collapseThank" role="button" aria-expanded="false" aria-controls="collapseThank"> |
| <span class="step-automation">4</span> Thank you Page |
| </h4> |
|
|
| <div class="collapse" id="collapseThank" data-parent="#accordionWrapper"> |
| <div class="form-row mb-3"> |
| <div class="col-12 mt-2"> |
| <label>Success Message: prompts after form submission</label> |
| <textarea |
| class="form-control" |
| placeholder="Thanks for send" |
| name="success_message" |
| required |
| ng-model="custom_form.success_message" |
| ></textarea> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| <div class="form-btn-container mt-3 col-12 px-0"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formCustomForm.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeCustomFormsForm(form)" |
| type="button" |
| > |
| Cancel |
| </button> |
| </div> |
|
|
| </form> |
| </div> |
| </div> |
|
|
| |
| |
|
|
| <div id="custom-forms-preview" class="slide-in-contaniner edit-profile-slide" style="z-index: 70; left: -100%; width: 50%;max-width:600px;"> |
|
|
| <div class="slide-in-content p-0"> |
| <div class="text-center" style="background:#B8C2CE; padding: 45px 0 110px;" ng-style="$root.backgroundImage(custom_form.banner)"> |
| <h2 class="text-bold" style="font-size: 30px;">Preview Mode</h2> |
| </div> |
| <div ng-show="custom_form.show_logo == 1" id="page-top" class="mx-5 d-flex align-items-center justify-content-center" > |
| <div class="bg-logo-fomrpreview"><img class="img-responsive" ng-src="{{ $root.AuthUser.account.logo }}"/></div> |
| </div> |
| <div class="container main px-5"> |
| <div class="row"> |
| <div class="col-md-12 pt-3 pb-2"> |
| <h2 class="text-bold" style="font-size: 27px"><strong>{{ custom_form.title }}</strong></h2> |
| <p class="mb-2"> |
| {{ custom_form.description }} |
| </p> |
| </div> |
| </div> |
|
|
| <div class="row"> |
| <div class="col-md-12 order-md-1"> |
| <ng-if ng-if="custom_form.type == 'note'"> |
| <div class="form-group"> |
| <label for="title"> |
| <ng-if ng-if="custom_form.title_label">{{ custom_form.title_label }}</ng-if> |
| <ng-if ng-if="!custom_form.title_label">Title</ng-if>(*) |
| </label> |
| <input type="text" class="form-control" id="title" placeholder="" value="" |
| required /> |
| <small class="form-text form-text text-muted"> |
| {{ custom_form.title_description }} |
| </small> |
| </div> |
|
|
| <div class="form-group" ng-if="custom_form.subtitle_show"> |
| <label for="subtitle"> |
| <ng-if ng-if="custom_form.subtitle_label">{{ custom_form.subtitle_label }}</ng-if> |
| <ng-if ng-if="!custom_form.subtitle_label">Subtitle</ng-if> |
| </label> |
| <input type="text" class="form-control" /> |
| <small class="form-text text-muted"> |
| {{ custom_form.subtitle_description }} |
| </small> |
| </div> |
|
|
|
|
| <div class="form-group" ng-if="custom_form.description_show"> |
| <label for="note"> |
| <ng-if ng-if="custom_form.description_label">{{ custom_form.description_label }}</ng-if> |
| <ng-if ng-if="!custom_form.description_label">Note</ng-if> |
| </label> |
| <textarea type="text" class="form-control"></textarea> |
| <small class="form-text text-muted"> |
| {{ custom_form.description_description }} |
| </small> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_form.type == 'person'"> |
| <div class="form-group"> |
| <label for="person_first_name_label"> |
| <ng-if ng-if="custom_form.person_first_name_label">{{ custom_form.person_first_name_label }}</ng-if> |
| <ng-if ng-if="!custom_form.person_first_name_label">First Name</ng-if> (*) |
| </label> |
| <input type="text" class="form-control" id="person_first_name_label" placeholder="" value="" required /> |
| </div> |
|
|
| <div class="form-group" ng-if="custom_form.person_last_name_show"> |
| <label for="person_last_name_label"> |
| <ng-if ng-if="custom_form.person_last_name_label">{{ custom_form.person_last_name_label }}</ng-if> |
| <ng-if ng-if="!custom_form.person_last_name_label">Last Name</ng-if> |
| </label> |
| <input type="text" class="form-control" id="person_last_name_label" placeholder="" value="" /> |
| </div> |
|
|
| <div class="form-group" ng-if="custom_form.person_email_show"> |
| <label for="person_email_label"> |
| <ng-if ng-if="custom_form.person_email_label">{{ custom_form.person_email_label }}</ng-if> |
| <ng-if ng-if="!custom_form.person_email_label">Email</ng-if> |
| </label> |
| <input type="text" class="form-control" id="person_email_label" placeholder="" value="" /> |
| </div> |
|
|
| <div class="form-group" ng-if="custom_form.person_phone_show"> |
| <label for="person_phone_label" ng-if="custom_form.person_phone_show"> |
| <ng-if ng-if="custom_form.person_phone_label">{{ custom_form.person_phone_label }}</ng-if> |
| <ng-if ng-if="!custom_form.person_phone_label">Phone</ng-if> |
| </label> |
| <input type="text" class="form-control" id="person_phone_label" placeholder="" value="" /> |
| </div> |
|
|
| </ng-if> |
|
|
| <ng-if ng-if="custom_form.type == 'company'"> |
| <div class="form-group"> |
| <label for="company_first_name_label"> |
|
|
| <ng-if ng-if="custom_form.company_first_name_label">{{ custom_form.company_first_name_label }}</ng-if> |
| <ng-if ng-if="!custom_form.company_first_name_label">Company Name</ng-if> (*) |
| </label> |
| <input type="text" class="form-control" id="company_first_name_label" placeholder="" value="" required /> |
| </div> |
|
|
| <div class="form-group" ng-if="custom_form.company_email_show"> |
| <label for="company_email_label"> |
|
|
| <ng-if ng-if="custom_form.company_email_label">{{ custom_form.company_email_label }}</ng-if> |
| <ng-if ng-if="!custom_form.company_email_label">Email</ng-if> |
|
|
| </label> |
| <input type="text" class="form-control" id="company_email_label" placeholder="" value="" /> |
| </div> |
|
|
| <div class="form-group" ng-if="custom_form.company_phone_show"> |
| <label for="company_phone_label"> |
|
|
| <ng-if ng-if="custom_form.company_phone_label">{{ custom_form.company_phone_label }}</ng-if> |
| <ng-if ng-if="!custom_form.company_phone_label">Phone</ng-if> |
|
|
| </label> |
| <input type="text" class="form-control" id="company_phone_label" placeholder="" value="" /> |
| </div> |
| </ng-if> |
|
|
| <div class="form-group" ng-repeat="field in selected_fields track by $index"> |
|
|
| {{ field.label ? field.label : field.custom_field.value }} |
| <span ng-if="field.custom_field.required == 1"> (*)</span> |
|
|
| <textarea |
| ng-if="field.custom_field.field_type.name == 'text'" |
| class="form-control" |
| ></textarea> |
|
|
| <input |
| ng-if="field.custom_field.field_type.name == 'input'" |
| type="text" |
| class="form-control" |
| /> |
|
|
| <div class="form-row mb-3" ng-if="field.custom_field.field_type.name == 'date'"> |
| <div class="col-12"> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| /> |
| <span class="datepicker-icon"> |
| <i class="fad fa-calendar-day"></i> |
| </span> |
| </div> |
| </div> |
| </div> |
|
|
| <select |
| ng-if="field.custom_field.field_type.name == 'select'" |
| class="form-control mb-3" |
| ng-model="field.selected_option" |
| > |
| <option >Select</option> |
| <option ng-repeat="option in field.custom_field.options"> |
| {{ option.value }} |
| </option> |
| </select> |
|
|
| <div ng-if="field.selected_option"> |
| <div ng-repeat="child in getOptionChilds(field)"> |
|
|
| {{ child.custom_field.label ? child.custom_field.label : child.custom_field.value }} |
| <span ng-if="child.custom_field.required == 1"> (*)</span> |
|
|
| <div ng-if="child.custom_field.field_type.name == 'text'"> |
| <textarea class="form-control"></textarea> |
| </div> |
| <div ng-if="child.custom_field.field_type.name == 'input'"> |
| <input type="text" class="form-control" /> |
| </div> |
| <div class="form-row mb-3" ng-if="child.custom_field.field_type.name == 'date'"> |
| <div class="col-12"> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| /> |
| <span class="datepicker-icon"> |
| <i class="fad fa-calendar-day"></i> |
| </span> |
| </div> |
| </div> |
| </div> |
| <select |
| ng-if="child.custom_field.field_type.name == 'select'" |
| class="form-control" |
| > |
| <option>Select</option> |
| <option ng-repeat="subOption in child.custom_field.options"> |
| {{ subOption.value }} |
| </option> |
| </select> |
| <input |
| ng-if="child.custom_field.field_type.name == 'money'" |
| type="text" |
| class="form-control money" |
| /> |
|
|
| <small class="form-text text-muted" ng-if="child.custom_field.description"> |
| {{ child.custom_field.description }} |
| </small> |
|
|
| </div> |
| </div> |
|
|
| <input |
| ng-if="field.custom_field.field_type.name == 'money'" |
| type="text" |
| class="form-control money" |
|
|
| /> |
|
|
| <small class="form-text text-muted" ng-if="field.description"> |
| {{ field.description }} |
| </small> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| </ng-if> |
|
|
| |
| <div |
| id="parameters" |
| class="slide-in-contaniner edit-profile-slide" |
| style="max-width: 550px;" |
| ng-if="::hasAsset('Legalboards') || hasAsset('Tasks')" |
| > |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');" |
| > |
| <i class="fas fa-chevron-left"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3>Parameters</h3> |
| <p>Create custom fields that you can use in your Legalboards account.</p> |
| <div class=""> |
| <select class="nice-select" name="user_tab_parameters" ng-model="userTabParameters" ng-init="userTabParameters = 'areas-law'"> |
| <option value="task-types" selected>Task Types</option> |
| <option value="areas-law" ng-if="::hasAsset('Legalboards')">Practice Areas</option> |
| <option value="types-role" ng-if="::hasAsset('Legalboards')">Relationships</option> |
| <option value="task-status" ng-if="::hasAsset('Legalboards')">Task Statuses</option> |
| <option value="follow-up-parameters" ng-if="::hasAsset('Legalboards')">Followup Parameters</option> |
| <option value="types-case-role" ng-if="hasAsset('Legalboards') && hasAsset('Publications')">Case relationships</option> |
| </select> |
| <div class="tab-content pt-3"> |
| <div |
| class="pb-1" |
| id="areas-law" |
| role="tabpanel" |
| aria-labelledby="areas-law-tab" |
| ng-show="userTabParameters === 'areas-law'" |
| > |
| <button |
| class="btn btn-primary btn-sm float-right mt-2 mb-3 box-shadow-none" |
| ng-click="openLegalboardsParametersForm('matter_area')" |
| ng-show="matter_areas.length > 0" |
| > |
| New Item |
| </button> |
|
|
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="matter_areas.length === 0" |
| > |
| <div class="pl-2 pr-4 empty-block "> |
| <a |
| href="" |
| ng-click="openLegalboardsParametersForm('matter_area')" |
| > |
| <strong>No Parameter Yet</strong |
| ><br /> |
| <i class="far fa-plus"></i> |
| Add Parameter |
| </a> |
| </div> |
| </div> |
|
|
| <table class="mt-3 table-striped pb-3 colorDark" ng-show="matter_areas.length != 0"> |
| <thead> |
| <tr> |
| <th scope="col" class='pl-2'>Name</th> |
| <th scope="col"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="parameter in matter_areas track by parameter.id"> |
| <td class="pl-2">{{ ::parameter.name }}</th> |
| <td width="70px"> |
| <a |
| class="p-2 btn colorLB" |
| ng-if="::!!parameter.account_id" |
| ng-click="openLegalboardsParametersForm(parameter.type, parameter)" |
| > |
| <i class="fa fa-pencil colorLB"></i> |
| </a> |
| <a |
| class="p-2 btn" |
| ng-if="::!!parameter.account_id" |
| ng-click="confirmDeleteParameter(parameter)" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
|
|
| <div |
| class="pb-1" |
| id="types-role" |
| role="tabpanel" |
| aria-labelledby="types-role-tab" |
| ng-show="userTabParameters === 'types-role'" |
| > |
| <button |
| class="btn btn-primary btn-sm float-right mt-2 mb-3 box-shadow-none" |
| ng-click="openLegalboardsParametersForm('relationship_matter')" |
| ng-show="relationship_matter.length > 0" |
| > |
| New Item |
| </button> |
|
|
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="relationship_matter.length === 0" |
| > |
| <div class="pl-2 pr-4 empty-block "> |
| <a |
| href="" |
| ng-click="openLegalboardsParametersForm('relationship_matter')" |
| > |
| <strong>No Types Yet</strong |
| ><br /> |
| <i class="far fa-plus"></i> |
| Add Types |
| </a> |
| </div> |
| </div> |
|
|
| <table class="mt-3 table-striped pb-3 colorDark" ng-show="relationship_matter.length > 0"> |
| <thead> |
| <tr> |
| <th scope="col" class="pl-2">Name</th> |
| <th scope="col" width="70px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="parameter in relationship_matter track by parameter.id"> |
| <td class="pl-2">{{ ::parameter.name }}</th> |
| <td> |
| <a |
| ng-if="::!!parameter.account_id" |
| class="p-2 btn colorLB" |
| ng-click="openLegalboardsParametersForm(parameter.type, parameter)" |
| > |
| <i class="fa fa-pencil colorLB"></i> |
| </a> |
| <a |
| ng-if="!!parameter.account_id" |
| class="p-2 btn" |
| ng-click="confirmDeleteParameter(parameter)" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </th> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
|
|
| <div |
| class="pb-1" |
| id="task-types" |
| role="tabpanel" |
| aria-labelledby="task-types-tab" |
| ng-show="userTabParameters === 'task-types'" |
| > |
| <button |
| class="btn btn-primary btn-sm mt-2 mb-3 float-right" |
| ng-click="openTaskTypesForm()" |
| ng-show="task_types.length > 0" |
| > |
| New Item |
| </button> |
|
|
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="task_types.length === 0" |
| > |
| <div class="pl-2 pr-4 empty-block "> |
| <a href="" ng-click="openTaskTypesForm()"> |
| <strong>No Types Yet</strong |
| ><br /> |
| <i class="far fa-plus"></i> |
| Add Types |
| </a> |
| </div> |
| </div> |
|
|
| <table |
| class="mt-3 table-striped pb-3 colorDark" |
| ng-show="task_types.length > 0" |
| > |
| <thead> |
| <tr> |
| <th scope="col" class="pl-2">Name</th> |
| <th scope="col" width="70px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="parameter in task_types track by parameter.id"> |
| <td class="pl-2">{{ ::parameter.name }}</td> |
| <td> |
| <a |
| class="p-2 btn" |
| ng-if="!!parameter.account_id" |
| ng-click="openTaskTypesForm(parameter)" |
| > |
| <i class="fa fa-pencil colorLB"></i> |
| </a> |
| <a |
| class="p-2 btn" |
| ng-if="!!parameter.account_id" |
| ng-click="confirmDeleteTaskTypes(parameter)" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
|
|
| <div |
| class="pb-1" |
| id="task-status" |
| role="tabpanel" |
| aria-labelledby="task-status-tab" |
| ng-show="userTabParameters === 'task-status'" |
| > |
| <button |
| class="btn btn-primary btn-sm mt-2 mb-3 float-right" |
| ng-click="openTaskStatusForm()" |
| ng-show="task_status.length > 0" |
| > |
| New Item |
| </button> |
|
|
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="task_status.length === 0" |
| > |
| <div class="pl-2 pr-4 empty-block "> |
| <a href="" ng-click="openTaskStatusForm()"> |
| <strong>No Status Yet</strong |
| ><br /> |
| <i class="far fa-plus"></i> |
| Add Status |
| </a> |
| </div> |
| </div> |
|
|
| <table |
| class="mt-3 table-striped pb-3 colorDark" |
| ng-show="task_status.length > 0" |
| > |
| <thead> |
| <tr> |
| <th scope="col" class="pl-2">Name</th> |
| <th scope="col" width="70px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="parameter in task_status track by parameter.id"> |
| <td class="pl-2">{{ ::parameter.name }}</th> |
| <td> |
| <a |
| class="p-2 btn" |
| ng-if="!!parameter.account_id" |
| ng-click="openTaskStatusForm(parameter)" |
| > |
| <i class="fa fa-pencil colorLB"></i> |
| </a> |
| <a |
| class="p-2 btn" |
| ng-if="!!parameter.account_id" |
| ng-click="confirmDeleteTaskStatus(parameter)" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
|
|
|
|
| <div |
| class="pb-1" |
| id="follow-up-parameters" |
| role="tabpanel" |
| aria-labelledby="follow-up-parameters-tab" |
| ng-show="userTabParameters === 'follow-up-parameters'" |
| > |
| <button |
| class="btn btn-primary btn-sm mt-2 mb-3 float-right" |
| ng-click="openFollowUpParametersForm()" |
| ng-show="follow_up_parameters.length > 0" |
| > |
| New Item |
| </button> |
|
|
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="follow_up_parameters.length === 0" |
| > |
| <div class="pl-2 pr-4 empty-block "> |
| <a href="" ng-click="openFollowUpParametersForm()"> |
| <strong>No Followup Parameters Yet</strong |
| ><br /> |
| <i class="far fa-plus"></i> |
| Add Followup Parameters |
| </a> |
| </div> |
| </div> |
|
|
| <table |
| class="mt-3 table-striped pb-3 colorDark" |
| ng-show="follow_up_parameters.length > 0" |
| > |
| <thead> |
| <tr> |
| <th scope="col" class="pl-2">Name</th> |
| <th scope="col" width="70px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="parameter in follow_up_parameters track by parameter.id"> |
| <td class="pl-2">{{ ::parameter.name }}</th> |
| <td> |
| <a |
| class="p-2 btn" |
| ng-if="!!parameter.account_id" |
| ng-click="openFollowUpParametersForm(parameter)" |
| > |
| <i class="fa fa-pencil colorLB"></i> |
| </a> |
| <a |
| class="p-2 btn" |
| ng-if="!!parameter.account_id" |
| ng-click="confirmDeleteFollowUpParameters(parameter)" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
|
|
| <div |
| class="pb-1" |
| id="types-case-role" |
| role="tabpanel" |
| aria-labelledby="types-case-role-tab" |
| ng-show="userTabParameters === 'types-case-role'" |
| > |
| <button |
| class="btn btn-primary btn-sm mb-3 mt-2 float-right" |
| ng-click="openLegalboardsParametersForm('relationship_case')" |
| ng-show="relationship_cases.length > 0" |
| > |
| New Item |
| </button> |
|
|
| <div |
| class="col-12 mt-5" |
| ng-cloak |
| ng-show="relationship_cases.length === 0" |
| > |
| <div class="pl-2 pr-4 empty-block "> |
| <a href="" ng-click="openLegalboardsParametersForm('relationship_case')"> |
| <strong>Without case relationships.</strong |
| ><br /> |
| <i class="far fa-plus"></i> |
| Add |
| </a> |
| </div> |
| </div> |
|
|
| <table |
| class="mt-3 table-striped pb-3 colorDark" |
| ng-show="relationship_cases.length > 0" |
| > |
| <thead> |
| <tr> |
| <th scope="col" class="pl-2">Name</th> |
| <th scope="col" width="70px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="parameter in relationship_cases track by parameter.id"> |
| <td class="pl-2">{{ ::parameter.name }}</td> |
| <td> |
| <a |
| class="p-2 btn" |
| ng-if="!!parameter.account_id" |
| ng-click="openLegalboardsParametersForm(parameter.type, parameter)" |
| > |
| <i class="fa fa-pencil colorLB"></i> |
| </a> |
| <a |
| class="p-2 btn" |
| ng-if="!!parameter.account_id" |
| ng-click="confirmDeleteParameter(parameter)" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
|
|
|
|
|
|
|
|
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div |
| id="legalboards-parameters-form" |
| class="slide-in-contaniner edit-profile-slide third-level" |
| > |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeLegalboardsParametersForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 ng-show="parameter.id">Edit Parameter</h3> |
| <h3 ng-show="!parameter.id">New Parameter</h3> |
|
|
| <form |
| name="formLegalboardsParameter" |
| class="mt-0" |
| ng-submit="saveLegalboardsParameter(parameter, formLegalboardsParameter)" |
| > |
| <div class="form-group mb-3"> |
| <label>Name</label> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="name" |
| ng-model="parameter.name" |
| placeholder="Name" |
| /> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formLegalboardsParameter.$invalid || loading" |
| ng-class="{'loading': loading}" |
| > |
| Save |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| <div |
| id="task-types-form" |
| class="slide-in-contaniner edit-profile-slide third-level" |
| > |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeTaskTypesForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 ng-show="parameter.id">Edit Parameter</h3> |
| <h3 ng-show="!parameter.id">New Parameter</h3> |
|
|
| <form |
| name="formTaskTypes" |
| class="mt-0" |
| ng-submit="saveTaskTypes(parameter, formTaskTypes)" |
| > |
| <div class="form-group mb-3"> |
| <label>Name</label> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="name" |
| ng-model="parameter.name" |
| placeholder="Name" |
| /> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formTaskTypes.$invalid || loading" |
| ng-class="{'loading': loading}" |
| > |
| Save |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| <div |
| id="task-status-form" |
| class="slide-in-contaniner edit-profile-slide third-level" |
| > |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeTaskStatusForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 ng-show="parameter.id">Edit Parameter</h3> |
| <h3 ng-show="!parameter.id">New Parameter</h3> |
|
|
| <form |
| name="formTaskStatus" |
| class="mt-0" |
| ng-submit="saveTaskStatus(parameter, formTaskStatus)" |
| > |
| <div class="form-group mb-3"> |
| <label>Name</label> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="name" |
| ng-model="parameter.name" |
| placeholder="Name" |
| /> |
| </div> |
|
|
|
|
| <p class="instruction-text">Should it be a status with a completed effect?</p> |
| <div class="col-12 mt-2 pl-2"> |
| <div class="pl-0 col-12 float-left"> |
| <label class="check-container" for="is_done"> |
| Yes |
| <input |
| type="checkbox" |
| value="1" |
| class="form-check-input" |
| ng-model="parameter.is_done" |
| id="is_done" |
| ng-checked="parameter.is_done === 1" |
| /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
|
|
| </div> |
|
|
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formTaskStatus.$invalid || loading" |
| ng-class="{'loading': loading}" |
| > |
| Save |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| <div |
| id="follow-up-parameter-form" |
| class="slide-in-contaniner edit-profile-slide third-level" |
| > |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeFollowUpParametersForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 ng-show="parameter.id">Edit Parameter</h3> |
| <h3 ng-show="!parameter.id">New Parameter</h3> |
|
|
| <form |
| name="formFollowUpParameter" |
| class="mt-0" |
| ng-submit="saveFollowUpParameters(parameter, formFollowUpParameter)" |
| > |
| <div class="form-group mb-3"> |
| <label>Name</label> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="name" |
| ng-model="parameter.name" |
| placeholder="Name" |
| /> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formFollowUpParameter.$invalid || loading" |
| ng-class="{'loading': loading}" |
| > |
| Save |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <div |
| id="notifications-settings" |
| class="slide-in-contaniner edit-profile-slide" |
| ng-if="::accountOwner || hasAnyRole(['admin', 'member'])" |
| style="max-width: 550px"> |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');"> |
| <i class="fas fa-chevron-left"></i> |
| </button> |
| <div class="slide-in-content notification-setting"> |
| <h3 class="mt-2">Notifications</h3> |
| <p>Customize your notifications here.</p> |
|
|
| <div ng-repeat="notifications_grouped in notifications | groupBy:'asset.id'" class="pb-3"> |
| <h4 class="mt-3 mb-3"> |
| <ng-if ng-if="notifications_grouped[0].asset.name == 'Automations'"> |
| Automations |
| </ng-if> |
| <ng-if ng-if="notifications_grouped[0].asset.name == 'Tasks'"> |
| Tasks |
| </ng-if> |
| <ng-if ng-if="notifications_grouped[0].asset.name == 'Clio'"> |
| Clio Tasks |
| </ng-if> |
| <ng-if ng-if="!notifications_grouped[0].asset && notifications_grouped[0].asset.name !== 'Automations'"> |
| General |
| </ng-if> |
| </h4> |
|
|
| <div class="row mt-2 align-items-center border-botton pb-3" ng-repeat="notification in notifications_grouped"> |
| <div class="col-2 float-left"> |
| <div |
| class="custom-control custom-switch custom-control-inline"> |
| <input |
| class="custom-control-input" type="checkbox" |
| placeholder="Show this field" |
| id="toggle_{{ notification.id }}" |
| ng-model="notification.checked" |
| ng-value="1" |
| ng-checked="notification.notification_user || notification.checked" |
| class="checkbox toggle_form" |
| ng-change="saveNotification(notification)" |
| ng-disabled="loadingNotification"> |
| <label class="custom-control-label order-1" for="toggle_{{ notification.id }}"> |
| </label> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| <div class="col-7 float-left" ng-class="{'notification-disable': !notification.checked}"> |
| {{ notification.description }} |
| </div> |
| <div class="col-3" ng-class="{'notification-disable': !notification.checked}"> |
|
|
| <div ng-if="notification.key === 'automation-failed'"> |
| <select |
| class="automation-frequency-select" |
| ng-model="notification.notification_user.frequency" |
| ng-change="notification.checked = !!notification.notification_user.frequency; saveNotification(notification);" |
| ng-disabled="loadingNotification"> |
| <option ng-value="1">Daily</option> |
| <option ng-value="7">Weekly</option> |
| <option ng-value="30">Monthly</option> |
| </select> |
| </div> |
|
|
| <div ng-if="notification.has_field && notification.key !== 'automation-failed'"> |
| <input |
| style="width: 50px;" |
| ng-if="notification.has_field" |
| class="float-left" |
| type="number" |
| ng-model="notification.notification_user.frequency" |
| placeholder="0" |
| ng-blur="notification.checked = notification.notification_user && notification.notification_user.frequency > 0 ? true : false; saveNotification(notification);" |
| ng-disabled="loadingNotification" |
| min="0" /> |
| <small ng-if="notification.has_field" class="p-2 float-left m-0">day(s)</small> |
| </div> |
| </div> |
| <div class="col-12 mt-2" ng-if="notification.checked && notification.id == 11 && notification.notification_user.frequency > 0"> |
| <label>Users who will be notified (besides you)</label> |
| <ng-if |
| ng-if="notification.sourceRecipient.length > 0" |
| ng-cloak> |
| <h4 |
| class="subtitles-dropdown bg-white" |
| ng-repeat="recipient in notification.sourceRecipient track by $index"> |
| {{ recipient.first_name }} {{ recipient.last_name }} |
| <small>{{ recipient.email }}</small> |
| <i |
| class="fal fa-times float-right colorLight h6" |
| ng-click="$event.stopPropagation(); notification.sourceRecipient.splice($index,1); saveNotification(notification);"></i> |
| </h4> |
| </ng-if> |
|
|
| <ui-select |
| ng-model="notification.uiSelectAutomation" |
| theme="select2" |
| class="multipleFind" |
| name="uiSelectAutomation" |
| on-select="notification.sourceRecipient = notification.sourceRecipient || []; notification.uiSelectAutomation = []; automationUiSelectSetArray($item, $model, notification.sourceRecipient, $select, notification);" |
| reset-search-input="true" |
| multiple |
| tagging="taggingRecipient" |
| tagging-label="false"> |
| <ui-select-match allow-clear placeholder=""> |
| {{ $item.first_name }} {{ $item.last_name }} |
| <small>{{ $item.email }}</small> |
| </ui-select-match> |
| <ui-select-choices |
| repeat="recipient in automation_notification_recipients | filter:$select.search track by $index"> |
| {{ recipient.first_name }} {{ recipient.last_name }} |
| <small>{{ recipient.email }}</small> |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
| </div> |
| |
| <div |
| id="cancel-account" |
| class="slide-in-contaniner edit-profile-slide" |
| ng-if="::accountOwner || hasAnyRole('admin')" |
| style="max-width: 550px" |
| > |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');" |
| > |
| <i class="fas fa-chevron-left"></i> |
| </button> |
| <div class="slide-in-content"> |
| <h3 class="mt-2">Cancel My Account</h3> |
| <p>Thank you so much for being a part of Legalboards.<br /><br /> |
| We love receiving feedback in order to keep improving. Please let us know below why you’re canceling your subscription.</p> |
| <form |
| name="formCancelAccount" |
| ng-submit="saveCancelAccount(accountCancel, formCancelAccount)" |
| class="mt-2" |
| autocomplete="off" |
| > |
| <div class="form-row mb-1"> |
| <div class="col-12 mt-1"> |
| <select |
| class="form-control select2" |
| placeholder="Reason" |
| name="description" |
| ng-model="accountCancel.description" |
| required |
| > |
| <option value="I don't understand how to use the software">I don't understand how to use the software.</option> |
| <option value="It's too expensive">It's too expensive</option> |
| <optgroup label="I found another product that I like better."> |
| <option value="I found another product that I like better: Case management software">Case management software</option> |
| <option value="I found another product that I like better: Productivity/task management software">Productivity/task management software</option> |
| </optgroup> |
| <optgroup label="I don't use it enough."> |
| <option value="I don't use it enough: It doesn’t fit my current workflow">It doesn’t fit my current workflow</option> |
| <option value="I don't use it enough: I’m not sure how to apply it effectively in my firm">I’m not sure how to apply it effectively in my firm</option> |
| <option value="I don't use it enough: My team isn’t fully engaging with the software">My team isn’t fully engaging with the software</option> |
| </optgroup> |
| <optgroup label="I found a different product that suits my needs better."> |
| <option value="I found a different product that suits my needs better: Asana">Asana</option> |
| <option value="I found a different product that suits my needs better: Clio Matter Stages">Clio Matter Stages</option> |
| <option value="I found a different product that suits my needs better: Clio Grow">Clio Grow</option> |
| <option value="I found a different product that suits my needs better: Monday.com">Monday.com</option> |
| <option value="I found a different product that suits my needs better: Trello">Trello</option> |
| <option value="I found a different product that suits my needs better: Jira">Jira</option> |
| </optgroup> |
| <option value="Some features I need are missing">Some features I need are missing.</option> |
| </select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formCancelAccount.description.$dirty && |
| formCancelAccount.description.$error.required |
| " |
| >This field is required. |
| </span> |
| <h4 class="color-purple font-weight-bold mt-3"><i class="fas fa-exclamation-triangle"></i> Data Cleaning</h4> |
| <p> |
| When you cancel your account, you and everyone else on your account will have access to the system until the end of the last payment period. After that, all data on your account is removed. |
| </p> |
| <div class="form-btn-container mt-3 col-12 px-0"> |
| <button |
| type="submit" |
| class="btn btn-danger btn-block mb-3" |
| ng-disabled="formCancelAccount.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Yes, cancel my account |
| </button> |
| <button |
| type="button" |
| class="btn btn-secondary btn-block mb-3" |
| ng-click="closeCancelAccountTab(accountCancel, formCancelAccount);" |
| ng-class="{ loading: loading }" |
| > |
| Close |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <div |
| id="squad-management" |
| class="slide-in-contaniner edit-profile-slide" |
| style="max-width: 550px" |
| > |
| |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');" |
| > |
| <i class="fas fa-chevron-left"></i> |
| </button> |
| <div class="slide-in-content"> |
| |
|
|
| <h3 class="mb-2"> |
| Squads |
| </h3> |
| <p> |
| Organize your team members into group to define squads of work in filters, tasks assignments and more. |
| </p> |
| <div class="row mb-3"> |
| <div class="col-8 mt-3"> |
| <div class="search"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchTaskSquads" |
| placeholder="Search" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div class="col-4 mt-3"> |
| <button |
| class="btn btn-primary btn-block" |
| ng-click="openSquadManagementForm()" |
| > |
| Create |
| </button> |
| </div> |
| <div class="col-12 mt-3 text-center" ng-cloak ng-show="task_squads.length === 0"> |
|
|
| <div class="pl-2 pr-4 empty-block"> |
| <a href=""> |
| <strong>No Squads Yet</strong> |
| </a> |
| </div> |
| </div> |
| <div |
| class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem" |
| ng-class="{ 'empty-box': task_squads.length === 0 }" |
| ng-cloak |
| > |
| <table |
| class="mt-3 ml-2 table-striped pb-3 colorDark" |
| ng-show="task_squads.length > 0" |
| > |
| <thead> |
| <tr> |
| <th class="pl-2">Squad</th> |
| <th>Members</th> |
| <th></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="task_squad in task_squads | filter:searchTaskSquads track by task_squad.id" |
| > |
| <td class="pl-2 text-capitalize"> |
| <div |
| class="user-avatar user-avatar-list raio-20 mx-2" |
| ng-style="{'background-color': task_squad.color}" |
| > |
| <span></span> |
| </div> |
|
|
| {{ task_squad.name}} |
| </td> |
| <td class="text-capitalize"> |
| <span ng-repeat="member in task_squad.members"> |
| {{ member.full_name }} |
| <span ng-if="!$last">, </span> |
| </span> |
| </td> |
| <td width="70px"> |
| <a |
| href="" |
| ng-click="openSquadManagementForm(task_squad)" |
| class="p-2 btn colorLB" |
| > |
| <i class="fa fa-pencil"></i> |
| </a> |
|
|
| <a |
| href="" |
| class="p-2 btn" |
| ng-click="confirmDeleteTaskSquad($index, task_squad)" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| |
|
|
| </div> |
|
|
|
|
| <div |
| id="squad-management-form" |
| class="slide-in-contaniner edit-profile-slide third-level" |
| > |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeSquadManagementForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3>Cerate a Squad</h3> |
| <form |
| name="squadManagementForm" |
| ng-submit="saveTaskSquad(task_squad, squadManagementForm)" |
| class="mt-4" |
| > |
| <div class="form-group mb-3"> |
| <label>Name</label> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="name" |
| ng-model="task_squad.name" |
| placeholder="Name" |
| /> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| squadManagementForm.name.$dirty && squadManagementForm.name.$error.required |
| " |
| > |
| This field is required. |
| </span> |
|
|
| <div class="form-group mb-3"> |
| <label>Color</label> |
| <input |
| type="color" |
| class="form-control" |
| required |
| name="color" |
| ng-model="task_squad.color" |
| placeholder="Color" |
| /> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| squadManagementForm.color.$dirty && squadManagementForm.color.$error.required |
| " |
| > |
| This field is required. |
| </span> |
|
|
| <div class="form-group mb-3"> |
| <label> Account Users</label> |
| <ng-show ng-show="account_members.length > 0" class="list-item-board"> |
| <h4 |
| id="dDrop" |
| data-toggle="dropdown" |
| aria-haspopup="true" |
| aria-expanded="false" |
| ng-cloak |
| class="subtitles-dropdown" |
| > |
| <ng-show >Select</ng-show> |
| <i class="fal fa-chevron-down"></i> |
| </h4> |
| <div class="subtitles-dropdown dropdown-menu pre-scrollable" aria-labelledby="dDrop"> |
| <h4 |
| class="subtitles-dropdown subtitles-item" |
| ng-repeat="user in account_members track by user.id" |
| ng-click="squadManagementAddUserToMembers(task_squad, user)" |
| > |
| {{ user.full_name }} |
| </h4> |
| </div> |
| </ng-show> |
| <label>Access to Boards: </label> |
| <div class="box-list-board" ng-show="task_squad.members.length > 0"> |
| <ng-show ng-show="task_squad.members.length > 0" ng-cloak> |
| <h4 class="subtitles-dropdown bg-white" ng-repeat="user in task_squad.members"> |
| <ng-show >{{ user.full_name }}</ng-show> |
| <i |
| class="fal fa-times float-right colorLight h6" |
| ng-click="
|
| $event.stopPropagation(); |
| squadManagementRemoveUserFromMembers(task_squad, user); |
| " |
| ></i> |
| </h4> |
| </ng-show> |
| </div> |
| </div> |
|
|
| <div class="form-group mb-3"> |
| <button |
| class="btn btn-primary btn-block" |
| type="submit" |
| ng-disabled="loading || squadManagementForm.$invalid || task_squad.members.length == 0" |
| > |
| <ng-if ng-if="task_squad.id">Save</ng-if> |
| <ng-if ng-if="!task_squad.id">Send</ng-if> |
| </button> |
|
|
| <button class="btn btn-danger btn-block" type="button" ng-if="task_squad.id" ng-click="confirmDeleteTaskSquad(task_squad)" ng-disabled="loading"> |
| Delete |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
|
|
| <script type="text/ng-template" id="removeTaskSquad.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this task squad?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskSquadCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| |
| <div |
| id="document-templates" |
| class="slide-in-contaniner edit-profile-slide" |
| style="max-width: 550px"> |
| |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');" |
| > |
| <i class="fas fa-chevron-left"></i> |
| </button> |
| <div class="slide-in-content"> |
| |
|
|
| <h3 class="mb-2"> |
| Document Templates |
| </h3> |
| <p> |
| You can create your own document templates to use in cards, matters and contacts. |
| </p> |
| <small ng-if="::hasAsset('Clio')" class="color-purple"><i class="fas fa-exclamation-circle"></i> |
| Attention: This is a Legalboards exclusive feature and has no integration with Clio. |
| </small> |
|
|
|
|
| <div class="row mb-3"> |
| <div class="col-8 mt-3"> |
| <div class="search"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchDocumentTemplates" |
| placeholder="Search" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div class="col-4 mt-3"> |
| <button |
| class="btn btn-primary btn-block" |
| ng-click="openDocumentTemplateForm()" |
| > |
| New |
| </button> |
| </div> |
| <div |
| class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem" |
| ng-class="{ 'empty-box': document_templates.length === 0 }" |
| ng-cloak |
| > |
| <table |
| class="mt-3 ml-2 table-striped pb-3 colorDark" |
| ng-show="document_templates.length > 0" |
| > |
| <thead> |
| <tr> |
| <th class="pl-2">Name</th> |
| <th>Asset</th> |
| <th></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="document_template in document_templates | filter:searchDocumentTemplates track by $index" |
| > |
| <td class="pl-2 text-capitalize"> |
| <a href="" ng-click="documentTemplateDownload(document_template.rel_external)"> |
| <span>{{ document_template.name }}</span> |
| </a> |
|
|
| </td> |
| <td class="text-capitalize"> |
| {{ document_template.asset.name }} |
| </td> |
| <td width="70px"> |
| <a |
| href="" |
| class="p-2 btn" |
| ng-click="confirmDeleteDocumentTemplate($index, document_template)" |
| > |
| <i class="fa fa-trash text-danger"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| |
|
|
| <div id="document-templates-form" class="slide-in-contaniner third-level edit-profile-slide" style="z-index: 75"> |
| <button class="close-btn btn close-form-but" ng-click="closeDocumentTemplateForm()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3>New Template Doc</h3> |
|
|
| <form name="formDocumentTemplate" ng-submit="saveDocumentTemplate(formDocumentTemplate)" class="mt-2"> |
|
|
| <div class="form-row mb-3"> |
| <span class="error" |
| ng-show="save_document_template_error">{{ save_document_template_error }} |
| </span> |
|
|
| <div class="col-12 mt-2"> |
| <label>Asset</label> |
| <ui-select ng-required="true" autofocus-ui-select ng-model="document_template.asset" theme="select2" name="asset"> |
| <ui-select-match allow-clear placeholder="Select Asset"> |
| {{ document_template.asset.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="document_asset in document_assets | filter:$select.search track by $index" |
| > |
| {{ document_asset.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="col-12 mt-2"> |
| <div class="upload-container"> |
| <label for="file-input" class="file-name-label"> |
| Document |
| <input |
| type="text" |
| class="form-control file-name-input" |
| ng-model="document_template.file.name" |
| placeholder="Select File" |
| readonly |
| ng-required="true" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </label> |
| <input |
| id="file-input" |
| type="file" |
| class="file-input" |
| name="upload" |
| file-change="setFilledCustomField($event)" |
| ng-required="true" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </div> |
| </div> |
|
|
| <div class="form-group"> |
| <a href="https://app.legalboards.io/api/document_templates/example/download" download class="small"> |
| Download Template Example |
| </a> |
| </div> |
|
|
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button type="submit" class="btn btn-primary btn-block mb-3" |
| ng-disabled="formDocumentTemplate.$invalid || loading" ng-class="{'loading': loading}"> |
| Save |
| </button> |
| <button type="button" class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeDocumentTemplateForm(form)"> |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
|
|
| |
| <div |
| id="categories-publications" |
| class="slide-in-contaniner edit-profile-slide" |
| style="max-width: 550px"> |
| |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.settings-nav-btn').removeClass('active');" |
| > |
| <i class="fas fa-chevron-left"></i> |
| </button> |
| <div class="slide-in-content"> |
| |
| <h3 class="mb-2"> |
| Categories Publications |
| </h3> |
| <p> |
| Register categories with keywords to be assigned to the publications. |
| </p> |
|
|
| <div class="alert alert-success py-2" |
| role="alert" |
| ng-if="alertSaveCategoriesSuccess" |
| > |
| <span>{{ alertSaveCategoriesSuccess }}</span> |
| </div> |
|
|
| <div class="row"> |
| <div class="col-12 mb-3"> |
| <label>Add No Action Needed</label> |
| <ui-select |
| autofocus-ui-select |
| multiple |
| class="multipleFind select-description" |
| theme="select2" |
| tagging="addTaggingDoNothingTerms" |
| on-select="taggingDoNothingTermsCategory($item);" |
| on-remove="taggingRemoveTermsCategory($item);" |
| tagging-label="false" |
| ng-model="no_action_needed_categories" |
| > |
| <ui-select-match allow-clear> |
| {{ $item.keywords }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="no_action_needed_category1 in list_no_action_needed_categories1 | filter: $select.search" |
| > |
| {{ no_action_needed_category.keywords }} |
| </ui-select-choices> |
| </ui-select> |
| <span class="text-sm text-warning"> |
| <i class="fa-solid fa-triangle-exclamation"></i> |
| Publications that contain the above terms will be automatically defined as Nothing to Do.</span> |
| </div> |
| </div> |
|
|
| <div class="row"> |
| <div class="col-6"><span class="text-bold">Category Name</span></div> |
| <div class="col-6"><span class="text-bold">Keywords</span></div> |
| </div> |
| <div class="row"> |
| <div class="col-12 mt-3 categories-container"> |
| <div class="row" ng-repeat="category in categories track by $index"> |
| <div class="col-6 d-flex align-items-center border-left border-right border-top border-bottom py-2"> |
| <div class="vertical-color-bar" ng-style="{'background-color': category.color}"></div> |
| <div>{{ category.name }}</div> |
| </div> |
| <div class="col-6 border-right border-top border-bottom py-2 d-flex justify-content-between align-items-center"> |
| <span>{{ category.keywords }}</span> |
| <a href="" ng-click="removeCategory($index)"> |
| <i class="fa-solid fa-trash"></i> |
| </a> |
|
|
| </div> |
| </div> |
|
|
| <div class="text-center" ng-if="!categories.length"> |
| Not categories publications found. |
| </div> |
|
|
| <div class="row mt-4" ng-if="showAddCategory"> |
| <div class="col-12"> |
| <div class="form-row align-items-center"> |
| <div class="col-2"> |
| <label for="categoryColor">Color</label> |
| <input type="color" class="form-control color-input" id="categoryColor" ng-model="categoryColor" /> |
| </div> |
| <div class="col-5"> |
| <label for="categoryName">Category Name</label> |
| <input type="text" class="form-control" id="categoryName" ng-model="categoryName" placeholder="Enter category name" /> |
| </div> |
| <div class="col-5"> |
| <label for="keywords">Keywords</label> |
| <div class="input-group"> |
| <input type="text" class="form-control" id="keywords" ng-model="keywords" placeholder="Separated by commas" /> |
| <div class="input-group-append"> |
| <div class="d-flex align-items-center"> |
| <i class="fa-solid ml-2 fa-check-circle text-success add-category-icon" |
| ng-class="!categoryColor || !categoryName || !keywords ? 'category-invalid' : ''" |
| ng-click="addCategory(categoryColor, categoryName, keywords)" |
| title="Add Category" |
| ></i> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="row"> |
| <div class="col-12"> |
| <div class="d-flex align-items-center justify-content-center p-3 add-category" ng-click="toggleShowAddCategory()"> |
| <i class="fa-solid text-primary fa-circle-plus mr-2"></i> |
| <span class="text-center text-bold text-primary">Add Category</span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-5"> |
| <button ng-click="saveCategories()" class="btn btn-primary btn-block mb-3" |
| ng-disabled="loading" ng-class="{'loading': loading}"> |
| Save |
| </button> |
| <button type="button" class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closePublicationsCategoriesTab()"> |
| Cancel |
| </button> |
| </div> |
|
|
| </div> |
| </div> |
|
|
| <div class="row"> |
|
|
| </div> |
|
|
| </div> |
| |
| </div> <script type="text/ng-template" id="removeMember.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Remove Member</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to remove this member?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeMember(deletingMember.index, deletingMember.member)">Remove</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeMatterCase.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Remove Case</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to remove this case?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeMatterCase(deletingMatterCase.index, deletingMatterCase.case)">Remove</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="deleteInvitation.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Remove Invitation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to remove this invitation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteInvitationCallback(deletingInvitation)">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeCustomField.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this custom field?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteCustomFieldCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="deleteParameter.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Parameter</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this parameter?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteParameterCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="deleteTaskTypes.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Parameter</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this parameter?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskTypesCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="deleteTaskStatus.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Parameter</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this parameter?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskStatusCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="deleteFollowUpParameter.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Parameter</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this parameter?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteFollowUpParametersCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
|
|
| <script type="text/ng-template" id="confirmCancelAccount.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <i class="fas fa-trash-alt color-purple h1"></i> |
| <h2 class="mt-3">Account Canceled</h2> |
| <div class="row mt-4"> |
| <div class="col-12 text-left"> |
| <p> |
| Your cancellation is confirmed and nothing else will be charged to your card. |
| <br /><br /> |
| <strong><i class="fas fa-exclamation-triangle"></i> Data Cleaning</strong><br /> |
| Within 30 days all data on your account is removed. |
| <br /><br /> |
| If you decide to come back and keep your data, please send an email to: <a href="mailto:support@legalboards.com;">support@legalboards.com</a></p> |
|
|
|
|
| </div> |
| <div class="col-12"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="closeAnyModalInstance()">Close</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="modalTimer.tpl.html"> |
| <div class="modal-body px-4 text-center text-success timer-modal"> |
| <h2><i class="fad fa-stopwatch h4 color-purple mr-1"></i> Time Entry</h2> |
| <form ng-submit="saveTimer(timer)" name="formTimer" ng-if="!timer.id"> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <ng-if ng-if="hasAsset('Legalboards')"> |
| <div class="combo_select2"> |
| <label>Contact</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="timer.contact" |
| theme="select2" |
| required |
| name="contact" |
| ng-change="loadMatters({client_id: timer.contact.contact.id})" |
| > |
| <ui-select-match allow-clear placeholder="Contact"> |
| {{ timer.contact.contact.first_name }} {{ timer.contact.contact.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="contact in contacts | filter:$select.search track by contact.id" |
| > |
| {{ contact.contact.first_name }} {{ contact.contact.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <ng-show ng-show="timer.contact.id"> |
| <div class="combo_select2"> |
| <label>Matter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="timer.matter" |
| theme="select2" |
| name="matter" |
| ng-change="loadTasks({matter_id: timer.matter.id})" |
| > |
| <ui-select-match allow-clear placeholder="Matter"> |
| {{ timer.matter.matter.number }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="matter in matters | filter:$select.search track by matter.id" |
| > |
| {{ matter.matter.number }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </ng-show> |
| </ng-if> |
| <ng-if ng-if="hasAsset('Clio')"> |
| <div class="combo_select2"> |
| <label>Matter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="timer.matter" |
| theme="select2" |
| name="matter" |
|
|
| ng-change="loadTasks({matter_id: timer.matter.id})" |
| required |
| > |
| <ui-select-match allow-clear placeholder="Matter"> |
| {{ timer.matter.clio_client_name }} <ng-show ng-show="timer.matter.clio_practice_area_name">- {{ timer.matter.clio_practice_area_name }}</ng-show> |
| <br /> |
| {{ timer.matter.clio_display_number }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="loadClioMatters($select.search)" |
| refresh-delay="1000" |
| repeat="matter in matters | filter:$select.search track by matter.id" |
| > |
| {{ matter.clio_client_name }} <ng-show ng-show="matter.clio_practice_area_name">- {{ matter.clio_practice_area_name }}</ng-show> |
| <br /> |
| {{ matter.clio_display_number }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </ng-if> |
|
|
| <ng-show ng-show="timer.matter.id && hasAsset('Tasks') && tasks.length > 0"> |
| <div class="combo_select2"> |
| <label>Task</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="timer.task" |
| theme="select2" |
| name="task" |
| > |
| <ui-select-match allow-clear placeholder="Task"> |
| {{ timer.task.title }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="task in tasks | filter:$select.search track by task.id" |
| > |
| {{ task.title }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </ng-show> |
| <ng-show ng-show="timer.matter.id && hasAsset('Clio') && clio_tasks.length > 0"> |
| <div class="combo_select2"> |
| <label>Clio Task</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="timer.clio_task" |
| theme="select2" |
| name="clio_task" |
| > |
| <ui-select-match allow-clear placeholder="Clio Task"> |
| {{ timer.clio_task.name }} - {{ timer.clio_task.due_at | amDateFormat: 'L' }} - {{ timer.clio_task.status.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="clio_task in clio_tasks | filter:$select.search track by clio_task.id" |
| > |
| {{ clio_task.name }} - {{ clio_task.due_at | amDateFormat: 'L' }} - {{ clio_task.status.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </ng-show> |
| </div> |
| </div> |
|
|
| <div class="row mt-4"> |
| <div class="col-12"><button class="btn btn-block bg-green bg-btn-green-save" type="submit" ng-disabled="formTimer.$invalid || loading" ng-class="{'loading': loading}">Start Timer</button></div> |
| <div class="col-12"><button class="btn btn-link bg-btn-gray" type="button" ng-click="closeAnyModalInstance()">Close</button></div> |
| </div> |
| </form> |
|
|
|
|
| <form ng-submit="saveTimer(timer)" name="formTimer" ng-if="timer.id"> |
| <div class="row mt-4 time-save"> |
| <div class="col-12"> |
|
|
| <ng-if ng-if="timer.timesheetable_type == 'App\\Card'"> |
| <p><strong>Card:</strong> {{ timer.timesheetable.title }} - {{ timer.timesheetable.subtitle }}</p> |
| </ng-if> |
|
|
| <ng-if ng-if="timer.timesheetable_type == 'App\\Contact'"> |
| <p><strong>Contact:</strong> {{ timer.timesheetable.contact.first_name }} {{ timer.timesheetable.contact.last_name }}</p> |
| </ng-if> |
|
|
| <ng-if ng-if="timer.timesheetable_type == 'App\\Matter'"> |
| <ng-show ng-show="timer.timesheetable.matter"> |
| <p><strong>Contact:</strong> {{ timer.timesheetable.matter.client.first_name }} {{ timer.timesheetable.matter.client.last_name }}</p> |
| </ng-show> |
| <ng-show ng-show="timer.timesheetable.matter"> |
| <p><strong>Matter:</strong> {{ timer.timesheetable.matter.number }}</p> |
| </ng-show> |
| <ng-show ng-show="!timer.timesheetable.matter"> |
| <p><strong>Client:</strong> {{ timer.timesheetable.clio_client_name || '-' }}</p> |
| <p><strong>Matter:</strong> {{ timer.timesheetable.title }}</p> |
| </ng-show> |
| </ng-if> |
|
|
| <ng-if ng-if="timer.timesheetable_type == 'App\\AssetTask'"> |
|
|
| <ng-show ng-show="timer.timesheetable.contact.contact"> |
| <p><strong>Contact:</strong> {{ timer.timesheetable.contact.contact.first_name }} {{ timer.timesheetable.contact.contact.last_name }}</p> |
| </ng-show> |
|
|
| <ng-show ng-show="timer.timesheetable.matter.matter"> |
| <p><strong>Contact:</strong> {{ timer.timesheetable.matter.matter.client.first_name }} {{ timer.timesheetable.matter.matter.client.last_name }}</p> |
| <p><strong>Matter:</strong> {{ timer.timesheetable.matter.matter.number }}</p> |
| </ng-show> |
|
|
| <ng-show ng-show="timer.timesheetable.matter && !timer.timesheetable.matter.matter"> |
| <p><strong>Client:</strong> {{ timer.timesheetable.matter.clio_client_name || '-' }}</p> |
| <p><strong>Matter:</strong> {{ timer.timesheetable.matter.title }}</p> |
| </ng-show> |
| <p><strong>Task:</strong> {{ timer.timesheetable.title }}</p> |
| </ng-if> |
|
|
| <ng-if ng-if="timer.timesheetable_type == 'App\\Sources\\Clio\\AssetClioTask'"> |
| <p><strong>Client:</strong> {{ timer.timesheetable.matter.clio_client_name || '-' }}</p> |
| <p><strong>Matter:</strong> {{ timer.timesheetable.matter.title }}</p> |
| <p><strong>Clio Task</strong> {{ timer.timesheetable.name }} - {{ timer.timesheetable.due_at | amDateFormat: 'L' }} - {{ timer.timesheetable.status.name }}</p> |
| </ng-if> |
|
|
| <div class="form-row"> |
| <div class="col-12"> |
| <label><strong>Time:</strong></label> |
| <input |
| class="form-control" |
| placeholder="HH:MM" |
| name="time_logged_in_mins" |
| ng-model="timer.time_logged_in_mins" |
| time-format |
| /> |
| </div> |
| </div> |
|
|
| <div class="form-row mt-2"> |
| <div class="col-12"> |
| <label><strong>Post a description:</strong></label> |
| <textarea |
| class="form-control" |
| placeholder="Description" |
| name="description" |
| ng-model="timer.description" |
| ></textarea> |
| </div> |
| </div> |
|
|
| <div class="form-row" ng-if="hasAsset('Clio') && ['App\\Matter', 'App\\Sources\\Clio\\AssetClioTask'].indexOf(timer.timesheetable_type) > -1"> |
| <div class="col-12 mt-1"> |
| <input |
| type="checkbox" |
| ng-true-value="1" |
| ng-false-value="0" |
| value='1' |
| class="mr-1" |
| name="generate_clio_timesheet" |
| ng-model="timer.generate_clio_timesheet" |
| /> |
| <label> |
| Log this time entry on your Clio Account. |
| </label> |
| </div> |
|
|
| <div class="col-12"> |
| <label ><strong>Activity Description:</strong></label> |
| <select |
| class="form-control" |
| ng-model="timer.clio_activity_description_id" |
| ng-options="item.id as item.name group by item.category_type for item in clio_activity_descriptions track by item.id"> |
| <option value="">None</option> |
| </select> |
| </div> |
| </div> |
|
|
| <div class="form-row mt-3" ng-if="hasAsset('MyCase') && 'App\\Matter' === timer.timesheetable_type && timer.timesheetable.rel_external"> |
| <div class="col-12"> |
| <input |
| type="checkbox" |
| ng-true-value="1" |
| ng-false-value="0" |
| value='1' |
| class="mr-1" |
| id="generate_mycase_timesheet" |
| name="generate_mycase_timesheet" |
| ng-model="timer.generate_mycase_timesheet" |
| /> |
| <label for="generate_mycase_timesheet"> |
| Log this time entry on your MyCase Account. |
| </label> |
| </div> |
|
|
| <div class="col-12 mt-2" ng-if="timer.generate_mycase_timesheet"> |
| <label><strong>Activity Name:</strong></label> |
| <ui-select |
| ng-model="timer.activity_name" |
| theme="select2" |
| class="multipleFind" |
| name="activityName" |
| reset-search-input="true" |
| tagging="taggingActivity" |
| tagging-label="false" |
| ng-required="timer.generate_mycase_timesheet" |
| > |
| <ui-select-match placeholder=""> |
| {{ $select.selected.activity_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="activity_name in activities_name | filter: $select.search" |
| > |
| {{ activity_name.activity_name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| If you can't find what you want, you can create a new here, just hit enter! |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
|
|
| <div class="col-12 mt-3" ng-if="timer.generate_mycase_timesheet"> |
| <input |
| type="checkbox" |
| ng-true-value="1" |
| ng-false-value="0" |
| value='1' |
| class="mr-1" |
| id="time_entry_billable" |
| name="time_entry_billable" |
| ng-model="timer.time_entry_billable" |
| /> |
| <label for="time_entry_billable"> |
| This time entry is billable. |
| </label> |
| </div> |
|
|
| <div class="col-12 mt-3" ng-if="timer.generate_mycase_timesheet"> |
| <label><strong>Rate |
| <span ng-if="timer.flat_fee">(Fix)</span> |
| <span ng-if="!timer.flat_fee">(Peer Hour)</span> |
| </strong></label> |
| <input |
| ng-required="timer.generate_mycase_timesheet" |
| placeholder="Input Rate Value" type="text" name="rate" class="form-control" ng-model="timer.rate" ui-money-mask> <br> |
| </div> |
|
|
| <div class="col-12 mt-3" ng-if="timer.generate_mycase_timesheet"> |
| <input |
| type="checkbox" |
| ng-true-value="1" |
| ng-false-value="0" |
| value='1' |
| class="mr-1" |
| id="flat_fee" |
| name="flat_fee" |
| ng-model="timer.flat_fee" |
| /> |
| <label for="flat_fee"> |
| Flat Fee. |
| </label> |
| </div> |
|
|
| </div> |
| </div> |
| </div> |
|
|
| <div class="row mt-4"> |
| <div class="col-12 mb-2"><button class="btn btn-block bg-btn-green-save bg-green" type="submit" ng-disabled="formTimer.$invalid || loading" ng-class="{'loading': loading}">Save</button></div> |
| <div class="col-12 mb-2"><button class="btn btn-block bg-btn-green-vazado" style="height: 90% !important;" type="button" ng-click="discartTime(timer.id)">Discard</button></div> |
| <div class="col-12"><button class="btn btn-link bg-btn-gray" type="button" ng-click="closeAnyModalInstance()">Close</button></div> |
| </div> |
| </form> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="deleteCustomForm.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this custom form?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="deleteCustomFormCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="showCustomForm.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3"><i class="fad fa-share-alt color-purple"></i> Share this form</h2> |
| <div class="row mt-4"> |
| <div class="col-12 p-2"> |
| <div class="row"> |
| <div class="col-12"> |
| <label class="float-left">Direct Link |
| <a href="#" ng-click="copyCustomFormToClipboard('copy-clipboard-custom-form-link')" class="mx-1 color-purple" title="Copy link"> |
| <i class="fas fa-copy"></i> |
| </a></label> |
| <input type="text" |
| class="form-control px-1" |
| ng-model="showingCustomForm.link" |
| id='copy-clipboard-custom-form-link' |
| readonly |
| /> |
| </div> |
|
|
| </div> |
| <div class="row"> |
| <div class="col-12 mt-3"> |
| <label class="float-left">Embed this Form in your website |
| <a href="#" ng-click="copyCustomFormToClipboard('copy-clipboard-custom-form-embed')" class="mx-1 color-purple" title="Copy Code" > |
| <i class="fas fa-copy"></i> |
| </a> |
| </label> |
| <textarea type="text" |
| class="form-control px-10" |
| id='copy-clipboard-custom-form-embed' |
| readonly><embed src="{{ showingCustomForm.link }}?type=embed" /></textarea> |
|
|
| </div> |
| </div> |
| <div class="row"><div class="col-12 mt-3"><button class="btn btn-block btn-secondary" type="button" ng-click="closeAnyModalInstance()">Close</button></div></div> |
| </div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeDocumentTemplate.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this document template?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteDocumentTemplateCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| </section> |
| |
| |
| |
| <section ng-controller="ReportController"> |
| <ng-if ng-if="$root.hasReportsModule()" ng-cloak> |
| <div |
| id="report-settings" |
| class="slide-in-contaniner config-slide-form" |
| ng-cloak |
| > |
| <div class="slide-in-content"> |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.slide-in-contaniner').removeClass('show');" |
| > |
| <i class="fas fa-chevron-left"></i> |
| </button> |
|
|
| <h3 class="mt-2">Reports</h3> |
| <ul class="settings-itens mt-3 p-0"> |
| <li class="mb-1" ng-if="::$root.hasAsset('Legalboards')"> |
| <a class="report-btn report-time-sheet" type="button" ng-click="openTimesheetReportsCoreData()"> |
| <i class="far fa-clock"></i> |
| Timesheet |
| </a> |
| </li> |
| <li class="mb-1" ng-if="::$root.hasAsset('Clio')"> |
| <a class="report-btn report-time-sheet" type="button" ng-click="openTimesheetReportsClioData()"> |
| <i class="far fa-clock"></i> |
| Timesheet |
| </a> |
| </li> |
| <li class="mb-1"> |
| <a class="report-btn report-matter" type="button" ng-click="openMatterReports()"> |
| <i class="fas fa-folder"></i> |
| Matters |
| </a> |
| </li> |
| <li class="mb-1"> |
| <a class="report-btn report-task" type="button" ng-click="openTasksReports()"> |
| <i class="fas fa-check-square"></i> |
| Tasks |
| </a> |
| </li> |
| </ul> |
|
|
| <p class="ask-suggestion mb-1"> |
| Do you have a report suggestion? |
| |
| <a href="https://legalboards.com/support/" target="_blank"> |
| Please, tell us! |
| </a> |
| </p> |
| </div> |
|
|
| </div> |
| |
|
|
| <div |
| id="timesheet-reports-core" |
| class="slide-in-contaniner edit-profile-slide third-level2" |
| style="max-width: 750px; left: 370px;" |
| ng-if="::$root.hasAsset('Legalboards')" |
| > |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.report-btn').removeClass('active');" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 class="mt-2">Timesheet</h3> |
| <div class="form-row mb-3"> |
| <div class="col-12 mt-2"> |
| <p class="instruction-text pl-0">Filter By:</p> |
| </div> |
| <div class="col-4 mt-2"> |
| <label>Date</label> |
| <input date-range-picker type="text" name="daterange" class="form-control p-0 pl-2 date-picker" placeholder="Today" ng-model="dateRangePicker.date" /> |
| </div> |
|
|
| <div class="col-4 mt-2"> |
| <label>User</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="ResonsavelReport.selected" |
| theme="select2" |
| close-on-selet="false" |
| tagging-label="false" |
| ng-change="getPageTimesheetReport(true)" |
|
|
| > |
| <ui-select-match allow-clear="false" placeholder="User"> |
| {{$select.selected.first_name}} {{$select.selected.last_name}} |
| <small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2" |
| ng-click="clearUiSelectResponsavel($event, $select)"> |
| </small> |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchResponsavel($select, {})" |
| refresh-delay="500" |
| repeat="member in search_responsavel track by member.id" |
| > |
| {{ member.first_name }} {{ member.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2"> |
| <label> Client</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="ContactReport.selected" |
| theme="select2" |
| close-on-selet="false" |
| tagging-label="false" |
| ng-change="getPageTimesheetReport(true)" |
|
|
| > |
| <ui-select-match allow-clear="false" placeholder="Client"> |
| {{$select.selected.first_name}} |
| <small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2" |
| ng-click="clearUiSelectContact($event, $select)"> |
| </small> |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchContacts($select, {})" |
| refresh-delay="500" |
| repeat="client in search_contacts track by client.id" |
| > |
| {{ client.first_name }} {{ client.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-6 mt-3"> |
| <label> Matter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="MatterReport.selected" |
| theme="select2" |
| close-on-selet="false" |
| tagging-label="false" |
| ng-change="getPageTimesheetReport(true)" |
| > |
| <ui-select-match allow-clear="false" placeholder="Matter Number"> |
| {{$select.selected.number}} |
| <small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2" |
| ng-click="clearUiSelectMatter($event, $select)"> |
| </small> |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchMatters($select, {})" |
| refresh-delay="500" |
| repeat="matter in search_matters" |
| > |
| {{ matter.number }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-3 mt-2 pt-4"> |
| <button class="btn btn-primary btn-block mt-2" ng-click="getPageTimesheetReport(true)"> |
| Filter |
| </button> |
| </div> |
| <div class="col-3 mt-2 pt-4"> |
| <button class="btn btn-info btn-block mt-2" ng-click="buildViewReportExportUrl()"> |
| Export |
| </button> |
| </div> |
|
|
| </div> |
|
|
|
|
|
|
| <div class="form-row mb-3" ng-show="timeSpent.length > 0"> |
| <p class="instruction-text">Result:</p> |
|
|
| <div class="col-12 mt-2"> |
| <div class="search-simple"> |
| <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="test" placeholder="Quick-Search" aria-invalid="false"> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
|
|
| |
| <div class="manage-content content col-12 page-listagem-core pr-0" style="overflow: auto;max-height:calc(100vh - 160px);"> |
| <div class="pb-3"> |
| <table class="table table-striped colorDark" when-scrolled="getPageTimesheetReport()"> |
| <thead class="light"> |
| <tr> |
| <th class="pl-4" scope="col" >User</th> |
| <th scope="col">Where</th> |
| <th scope="col"></th> |
| <th scope="col">Due At</th> |
| <th scope="col">HH:MM</th> |
| <th scope="col">Description</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="result in timeSpent | filter:test" ng-cloak> |
| <td scope="row" class="center pl-4 py-2"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ result.user.first_name }} {{ |
| result.user.last_name |
| }}" |
| style="background-image:url({{ result.user.avatar }});" |
| > |
| <span ng-show="!result.user.avatar"> |
| {{ result.user.initials }} |
| </span> |
| </div> |
| </td> |
|
|
| <td> |
| <div ng-switch="result.timesheetable_type"> |
| <span ng-switch-when="App\Contact"> |
| <i class="fas fa-user bg-greenF circle-20" title="Contact"></i> |
| </span> |
| <span ng-switch-when="App\Matter"> |
| <i class="fas fa-suitcase bg-blue circle-20" title="Matter"></i> |
| </span> |
| <span ng-switch-when="App\AssetTask"> |
| <i class="fas fa-check-square bg-purple circle-20" title="Task"></i> |
| </span> |
| <span ng-switch-when="App\Sources\Clio\AssetClioTask"> |
| <i class="far fa-tasks-alt bg-purple circle-20" title="Clio Task"></i> |
| </span> |
| <span ng-switch-when="App\Card"> |
| <i class="far fa-sticky-note bg-greenlb circle-20" title="Card"></i> |
| </span> |
| <div ng-switch-default></div> |
| </div> |
| </td> |
| <td>{{ |
| result.timesheetable.matter.title |
| || result.timesheetable.matter.matter.number |
| || result.timesheetable.title |
| || result.timesheetable.contact.first_name |
| }}</td> |
|
|
| <td>{{ result.created_at | amDateFormat: "YYYY/MM/DD" }}</td> |
| <td>{{ result.time }}</td> |
| <td>{{ result.description | removeHTMLTags }}</td> |
| </tr> |
| </tbody> |
| </table> |
|
|
| </div> |
| </div> |
| </div> |
| <div class="mt-5 w-100 text-center" ng-show="timeSpent.length === 0"> |
| <img src="https://app.legalboards.io/img/no-timeentry-report.png" width="50%" /> |
| </div> |
| </div> |
|
|
| </div> |
| <div |
| id="reports-data-clio" |
| class="slide-in-contaniner edit-profile-slide third-level2" |
| style="max-width: 750px; left: 370px;" |
| ng-if="::$root.hasAsset('Clio')" |
| > |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 class="mt-2">Timesheet</h3> |
| <div class="form-row mb-3"> |
| <div class="col-12 mt-2"> |
| <p class="instruction-text pl-0">Filter By:</p> |
| </div> |
| <div class="col-4 mt-2"> |
| <label>Date</label> |
| <input date-range-picker type="text" name="daterange" class="form-control p-0 pl-2 date-picker" placeholder="Today" ng-model="dateRangePicker.date" /> |
| </div> |
|
|
| <div class="col-8 mt-2"> |
| <label>User</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="ClioUserReports.selected" |
| theme="select2" |
| close-on-selet="false" |
| tagging-label="false" |
| ng-change="getPageClioTimesheetReport(true)" |
|
|
| > |
| <ui-select-match allow-clear="false" placeholder="All Users"> |
| {{$select.selected.first_name}} {{$select.selected.last_name}} |
| <small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2" |
| ng-click="clearUiSelectClioUsers($event, $select)"> |
| </small> |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchClioUser($select, {})" |
| refresh-delay="500" |
| repeat="user in search_clio_users track by user.id" |
| > |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-6 mt-2"> |
| <label> Matter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="ClioMatterReport.selected" |
| theme="select2" |
| close-on-selet="false" |
| tagging-label="false" |
| ng-change="getPageClioTimesheetReport(true)" |
| > |
| <ui-select-match allow-clear="false" placeholder="All Matters"> |
| {{$select.selected.clio_display_number}} |
| <small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2" |
| ng-click="clearUiSelectClioMatter($event, $select)"> |
| </small> |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchClioMatters($select, {})" |
| refresh-delay="500" |
| repeat="matter in search_clio_matters track by matter.id" |
| > |
| {{ matter.clio_display_number }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="col-3 mt-1 pt-4"> |
| <button class="btn btn-primary btn-block mt-2" ng-click="getPageClioTimesheetReport(true)"> |
| Filter |
| </button> |
| </div> |
| <div class="col-3 mt-1 pt-4"> |
| <button class="btn btn-info btn-block mt-2" ng-click="buildViewReportClioExportUrl()"> |
| Export |
| </button> |
| </div> |
|
|
| </div> |
|
|
|
|
|
|
| <div class="form-row mb-3" ng-show="ClioActivities.length > 0"> |
| <p class="instruction-text">Result:</p> |
|
|
| <div class="col-12 mt-2"> |
| <div class="search-simple"> |
| <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="test" placeholder="Quick-Search" aria-invalid="false"> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
|
|
| |
| <div class="manage-content content col-12 page-listagem-core pr-0" style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;"> |
| <div class="pb-3"> |
| |
| <table class="table table-striped colorDark"> |
| <thead class="light"> |
| <tr> |
| <th scope="col" >User</th> |
| <th scope="col">Where</th> |
| <th scope="col"></th> |
| <th scope="col">Due At</th> |
| <th scope="col">HH:MM</th> |
| <th scope="col">Description/Note</th> |
| </tr> |
| </thead> |
|
|
| <tbody> |
| |
| <tr ng-repeat="result in ClioActivities | filter:test" ng-cloak> |
| <td scope="row" class="center"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ result.user.name || result.user.initials }}" |
| style="background-image:url({{ result.user.avatar }});" |
| > |
| <span ng-show="!result.user.avatar"> |
| {{ result.user.name[0] || result.user.initials }} |
| </span> |
| </div> |
| </td> |
| <td> |
| <div ng-switch="result.timesheetable_type"> |
| <span ng-switch-when="App\Contact"> |
| <i class="fas fa-user bg-greenF circle-20" title="Contact"></i> |
| </span> |
| <span ng-switch-when="App\Matter"> |
| <i class="fas fa-suitcase bg-blue circle-20" title="Matter"></i> |
| </span> |
| <span ng-switch-when="App\AssetTask"> |
| <i class="fas fa-check-square bg-purple circle-20" title="Task"></i> |
| </span> |
| <span ng-switch-when="App\Sources\Clio\AssetClioTask"> |
| <i class="far fa-tasks-alt bg-purple circle-20" title="Clio Task"></i> |
| </span> |
| <span ng-switch-when="App\Card"> |
| <i class="far fa-sticky-note bg-greenlb circle-20" title="Card"></i> |
| </span> |
| <div ng-switch-default> |
| <span> |
| <i class="fas fa-suitcase bg-blue circle-20" title="Matter"></i> |
| </span> |
| </div> |
| </div> |
| </td> |
| <td></td> |
| <td>{{ result.date || result.created_at | amDateFormat: "YYYY/MM/DD"}}</td> |
| <td>{{ (result.rounded_quantity | secondsToTime) || result.time || "0:00" }}</td> |
| <td>{{ result.note || result.description | removeHTMLTags }}</td> |
| </tr> |
| </tbody> |
| </table> |
|
|
| </div> |
| </div> |
| |
|
|
| </div> |
| <div class="mt-5 w-100 text-center" ng-show="ClioActivities.length === 0"> |
| <img src="https://app.legalboards.io/img/no-timeentry-report.png" width="50%" /> |
| |
| </div> |
| </div> |
|
|
| </div> |
| <div |
| id="matter-reports" |
| class="slide-in-contaniner edit-profile-slide third-level2" |
| style="max-width: 750px; left: 370px;" |
| > |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.report-btn').removeClass('active');" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 class="mt-2">Matter</h3> |
| <div class="form-row mb-4"> |
|
|
| <div class="col-12 mt-2"> |
| <p class="instruction-text pl-0">Filter By:</p> |
| </div> |
|
|
| <div class="col-6 mt-2"> |
| <label>Date</label> |
| <input date-range-picker type="text" name="daterange" class="form-control p-0 pl-2 date-picker" placeholder="Today" ng-model="dateRangePicker.date" /> |
| </div> |
|
|
| <div class="col-6 mt-2"> |
| <label>Limitation Date</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="dateRangePicker.status_date" |
| ng-model="dateRangePicker.status_date" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')"> |
| <label> Client</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterMatterReport.client" |
| theme="select2" |
| close-on-selet="false" |
| name="filterMatterReport.client" |
| ng-click="filterMatterReport.client.type = filterMatterReport.client.sourceType;" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Client" |
| > |
| {{ |
| filterMatterReport.client.first_name |
| }} |
| {{ filterMatterReport.client.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchContactsAndUsers($select, {email_only: true})" |
| refresh-delay="1000" |
| repeat="client in clio_search_contacts_and_users track by $index" |
| group-by="'sourceType'" |
| > |
| {{ client.first_name }} {{ |
| client.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')"> |
| <label> Responsible</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterMatterReport.responsible" |
| theme="select2" |
| close-on-selet="false" |
| name="filterMatterReport.responsible" |
| ng-click="filterMatterReport.responsible.type = filterMatterReport.responsible.sourceType;" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Responsible" |
| > |
| {{ |
| filterMatterReport.responsible.first_name |
| }} |
| {{ filterMatterReport.responsible.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchContactsAndUsers($select, {email_only: true})" |
| refresh-delay="1000" |
| repeat="user_contact in clio_search_contacts_and_users track by $index" |
| group-by="'sourceType'" |
| > |
| {{ user_contact.first_name }} {{ |
| user_contact.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')"> |
| <label> Originating</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterMatterReport.originating" |
| theme="select2" |
| close-on-selet="false" |
| name="filterMatterReport.originating" |
| ng-click="filterMatterReport.originating.type = filterMatterReport.originating.sourceType;" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Originating" |
| > |
| {{ |
| filterMatterReport.originating.first_name |
| }} |
| {{ filterMatterReport.originating.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchContactsAndUsers($select, {email_only: true})" |
| refresh-delay="1000" |
| repeat="user_contact in clio_search_contacts_and_users track by $index" |
| group-by="'sourceType'" |
| > |
| {{ user_contact.first_name }} {{ |
| user_contact.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-12 mt-2" ng-if="::$root.hasAsset('Clio')"> |
| <label>Practice Area</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterMatterReport.area" |
| name="filterMatterReport.area" |
| theme="select2" |
| class="multipleFind" |
| multiple |
| on-select="OnClickSelect($item)" on-remove="OnRemoveSelect($item)" |
| > |
| <ui-select-match allow-clear placeholder="Click here to add more"> |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchMatterArea($select)" |
| refresh-delay="1000" |
| repeat="area in search_matter_area" |
| > |
| {{ area.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| No area found, please type the area name and hit enter to create a new one. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
|
|
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')"> |
| <label> Client</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterMatterReport.client" |
| theme="select2" |
| close-on-selet="false" |
| name="filterMatterReport.client" |
| ng-click="filterMatterReport.client.type = filterMatterReport.client.sourceType;" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Client" |
| > |
| {{ |
| filterMatterReport.client.first_name |
| }} |
| {{ filterMatterReport.client.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchContacts($select, {})" |
| refresh-delay="1000" |
| repeat="client in search_contacts" |
| > |
| {{ client.first_name }} {{ |
| client.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')"> |
| <label> Responsible</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterMatterReport.responsible" |
| theme="select2" |
| close-on-selet="false" |
| name="filterMatterReport.responsible" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Responsible" |
| > |
| {{ |
| filterMatterReport.responsible.first_name |
| }} |
| {{ filterMatterReport.responsible.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="user in account_users | filter:$select.search track by $index" |
| > |
| {{ user.first_name }} {{ |
| user.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')"> |
| <label> Originating</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterMatterReport.originating" |
| theme="select2" |
| close-on-selet="false" |
| name="filterMatterReport.originating" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Originating" |
| > |
| {{ |
| filterMatterReport.originating.first_name |
| }} |
| {{ filterMatterReport.originating.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="user in account_users | filter:$select.search track by $index" |
| > |
| {{ user.first_name }} {{ |
| user.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <style> |
| .select2-chosen{ |
| display: block !important; |
| } |
| </style> |
| <div class="col-12 mt-2" ng-if="::$root.hasAsset('Legalboards')"> |
| <label>Practice Area</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterMatterReport.area" |
| name="filterMatterReport.area" |
| theme="select2" |
| class="multipleFind" |
| multiple |
| on-select="OnClickSelect($item)" on-remove="OnRemoveSelect($item)" |
| > |
| <ui-select-match allow-clear placeholder="Click here to add more"> |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="coreSearchMatterArea($select)" |
| refresh-delay="1000" |
| repeat="area in search_matter_area" |
| > |
| {{ area.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| No area found, please type the area name and hit enter to create a new one. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
|
|
| <div class="col-6 mt-2"> |
| <div class="form-check"> |
| <input |
| id="reports-matter-hide-archived-cards" |
| class="form-check-input" |
| type="checkbox" |
| name="filterMatterReport.hide_archived_cards" |
| ng-model="filterMatterReport.hide_archived_cards" |
| ng-false-value="0" |
| ng-true-value="1" |
| /> |
| <label |
| class="form-check-label" |
| for="reports-matter-hide-archived-cards" |
| >Hide Archived Cards</label> |
| </div> |
| </div> |
|
|
| <div class="col-3 mt-0 pt-4"> |
| <button class="btn btn-primary btn-block mt-2" ng-click="getPageMatterReport(true)"> |
| Filter |
| </button> |
| </div> |
| <div class="col-3 mt-0 pt-4"> |
| <button class="btn btn-info btn-block mt-2" ng-click="buildViewMatterReportExportUrl()"> |
| Export |
| </button> |
| </div> |
|
|
| </div> |
|
|
|
|
| <div class="form-row mb-3" ng-show="report_matters.length > 0"> |
| <p class="instruction-text">Result:</p> |
|
|
| <div class="col-12 mt-2"> |
| <div class="search-simple"> |
| <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="searchReport" placeholder="Quick-Search" aria-invalid="false"> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
|
|
| |
| <div class="manage-content content col-12 page-listagem-core pr-0" style="overflow: auto;max-height:calc(100vh - 160px);"> |
| <div class="pb-3"> |
| <table class="table table-striped colorDark" when-scrolled="getPageMatterReport()"> |
| <thead class="light"> |
| <tr> |
| <th scope="col" class="pl-2" >Matter</th> |
| <th scope="col">Related Boards</th> |
| <th scope="col">Tasks</th> |
| <th scope="col">Overdue Tasks</th> |
| <th scope="col">Last Movement</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="result in report_matters | filter:searchReport" ng-cloak> |
| <td scope="row" class="pl-2"> |
| <ng-if ng-if="result.matter"> |
| {{ result.matter.number }} |
| </ng-if> |
|
|
| <ng-if ng-if="!result.matter"> |
| {{ result.clio_display_number }} |
| </ng-if> |
| </td> |
|
|
| <td> |
| {{ result.related_boards }} |
| </td> |
| <td> |
| {{ result.doneTasks + result.doneClioTasks }} |
| </td> |
|
|
| <td> |
| {{ result.overdueTasks + result.overdueClioTasks }} |
| </td> |
|
|
| <td> |
| {{ result.last_moved_at | amTimeAgo }} |
| </td> |
|
|
| </tr> |
| </tbody> |
| </table> |
|
|
| </div> |
| </div> |
| </div> |
| <div class="mt-5 w-100 text-center" ng-show="report_matters.length === 0"> |
| |
| <img src="https://app.legalboards.io/img/no-matter-report.png" width="50%" /> |
| </div> |
| </div> |
|
|
| </div> |
| <div |
| id="tasks-reports" |
| class="slide-in-contaniner edit-profile-slide third-level2" |
| style="max-width: 750px; left: 370px;" |
| > |
| <button |
| class="btn-link btn-hide-slider" |
| onclick="$('.edit-profile-slide').removeClass('show');$('.report-btn').removeClass('active');" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-in-content"> |
| <h3 class="mt-2">Tasks</h3> |
| <div class="form-row mb-3"> |
| <div class="col-12 mt-2"> |
| <p class="instruction-text pl-0">Filter By:</p> |
| </div> |
| <div class="col-12 mt-2" ng-if="$root.hasAsset('Clio') && $root.hasAsset('Legalboards')"> |
| <select class="from-control" ng-model="isClio" ng-change="typeSelected()"> |
| <option value="true">Clio</option> |
| <option value="false">Core</option> |
| </select> |
| </div> |
| <div class="col-4 mt-2"> |
| <label>Creation Date</label> |
| <input date-range-picker type="text" name="daterange" class="form-control p-0 pl-2 date-picker" placeholder="All" ng-model="dateRangePicker.date" max="dateRangePicker.date.endDate" /> |
| </div> |
|
|
| <div class="col-4 mt-2"> |
| <label>Due Date</label> |
| <input date-range-picker type="text" name="due_daterange" class="form-control p-0 pl-2 date-picker" placeholder="All" ng-model="dateRangePicker.due_date" max="dateRangePicker.due_date.endDate" /> |
| </div> |
|
|
| <div class="col-4 mt-2"> |
| <label>Status Date</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="dateRangePicker.status_date" |
| ng-model="dateRangePicker.status_date" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')"> |
| <label> Status</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterTaskReport.status" |
| theme="select2" |
| close-on-selet="false" |
| name="filterTaskReport.status" |
| ng-click="filterTaskReport.status.type = filterTaskReport.status.sourceType;" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Status" |
| > |
| {{ filterTaskReport.status.name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchStatus($select, {email_only: true})" |
| refresh-delay="1000" |
| repeat="task_status in task_statuses track by $index" |
| group-by="'sourceType'" |
| > |
| {{ task_status.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')"> |
| <label> Status</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterTaskReport.status" |
| theme="select2" |
| close-on-selet="false" |
| name="filterTaskReport.status" |
| ng-click="filterTaskReport.status.type = filterTaskReport.status.sourceType;" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Status" |
| > |
| {{ filterTaskReport.status.name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchStatus($select, {email_only: true})" |
| refresh-delay="1000" |
| repeat="task_status in task_statuses" |
| > |
| {{ task_status.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')"> |
| <label> Assignee</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterTaskReport.assignee" |
| theme="select2" |
| close-on-selet="false" |
| name="filterTaskReport.assignee" |
| ng-click="filterTaskReport.assignee.type = filterTaskReport.assignee.sourceType;" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Assignee" |
| > |
| {{ |
| filterTaskReport.assignee.first_name |
| }} |
| {{ filterTaskReport.assignee.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchContactsAndUsers($select, {email_only: true})" |
| refresh-delay="1000" |
| repeat="client in clio_search_contacts_and_users track by $index" |
| group-by="'sourceType'" |
| > |
| {{ client.first_name }} {{ |
| client.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')"> |
|
|
| <label> Assignee</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterTaskReport.assignee" |
| theme="select2" |
| close-on-selet="false" |
| name="filterTaskReport.assignee" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Assignee" |
| > |
| {{ |
| filterTaskReport.assignee.first_name |
| }} |
| {{ filterTaskReport.assignee.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="client in account_users | filter: $select.search" |
| > |
| {{ client.first_name }} {{ |
| client.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Clio')"> |
| <label> Reporter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterTaskReport.reporter" |
| theme="select2" |
| close-on-selet="false" |
| name="filterTaskReport.reporter" |
| ng-click="filterTaskReport.reporter.type = filterTaskReport.reporter.sourceType;" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Reporter" |
| > |
| {{ |
| filterTaskReport.reporter.first_name |
| }} |
| {{ filterTaskReport.reporter.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchContactsAndUsers($select, {email_only: true})" |
| refresh-delay="1000" |
| repeat="client in clio_search_contacts_and_users track by $index" |
| group-by="'sourceType'" |
| > |
| {{ client.first_name }} {{ |
| client.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4 mt-2" ng-if="::$root.hasAsset('Legalboards')"> |
| <label> Reporter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="filterTaskReport.reporter" |
| theme="select2" |
| close-on-selet="false" |
| name="filterTaskReport.reporter" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Reporter" |
| > |
| {{ |
| filterTaskReport.reporter.first_name |
| }} |
| {{ filterTaskReport.reporter.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="client in account_users | filter:{first_name:$select.search}" |
| > |
| {{ client.first_name }} {{ |
| client.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-6 mt-2" ng-if="::$root.hasAsset('Clio')"> |
| <label> Matter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="ClioMatterTaskReport.selected" |
| theme="select2" |
| close-on-selet="false" |
| tagging-label="false" |
| ng-change="getPageTasksReport(true)" |
| > |
| <ui-select-match allow-clear="false" placeholder="All Matters"> |
| {{$select.selected.clio_display_number}} |
| <small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2" |
| ng-click="clearUiSelectClioMatterTask($event, $select)"> |
| </small> |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchClioMatters($select, {})" |
| refresh-delay="500" |
| repeat="matter in search_clio_matters track by matter.id" |
| > |
| {{ matter.clio_display_number }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-6 mt-2" ng-if="::$root.hasAsset('Legalboards')"> |
| <label> Matter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="MatterTaskReport.selected" |
| theme="select2" |
| close-on-selet="false" |
| tagging-label="false" |
| ng-change="getPageTasksReport(true)" |
| > |
| <ui-select-match allow-clear="false" placeholder="Matter Number"> |
| {{$select.selected.number}} |
| <small uib-tooltip="Clear" class="fa fa-times clear-button float-right mt-2" |
| ng-click="clearUiSelectMatterTask($event, $select)"> |
| </small> |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchMatters($select, {})" |
| refresh-delay="500" |
| repeat="matter in search_matters track by matter.id" |
| > |
| {{ matter.number }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
|
|
|
|
|
|
| <div class="col-3 mt-0 pt-4"> |
| <button class="btn btn-primary btn-block mt-2" ng-click="getPageTasksReport(true)"> |
| Filter |
| </button> |
| </div> |
| <div class="col-3 mt-0 pt-4"> |
| <button class="btn btn-info btn-block mt-2" ng-click="buildViewTasksReportExportUrl()"> |
| Export |
| </button> |
| </div> |
|
|
| </div> |
|
|
|
|
| <div class="form-row mb-3" ng-show="report_tasks.length > 0"> |
| <p class="instruction-text">Result:</p> |
|
|
| <div class="col-12 mt-2"> |
| <div class="search-simple"> |
| <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="searchReport" placeholder="Quick-Search" aria-invalid="false"> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
|
|
| |
| <div class="manage-content content col-12 page-listagem-core pr-0" style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;"> |
| <div class="pb-3"> |
| <table class="table table-striped colorDark" when-scrolled="getPageTasksReport()"> |
| <thead class="light"> |
| <tr> |
| <th scope="col" class="pl-2" >Title</th> |
| <th scope="col">Assignee</th> |
| <th scope="col">Reporter</th> |
| <th scope="col">Status</th> |
| <th scope="col">Matter</th> |
| <th scope="col">Total Time Spend</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="result in report_tasks | filter:searchReport" ng-cloak> |
|
|
| <td style="max-width: 300px"> |
| {{ result.task_name }} |
| </td> |
| <td scope="row" class="center"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| title="{{ result.assignee_user.name || result.assignee_user.initials }}" |
| style="background-image:url({{ result.assignee_user.avatar }});" |
| > |
| <span ng-show="!result.user.avatar"> |
| {{ result.assignee_user.name[0] || result.assignee_user.initials }} |
| </span> |
| </div> |
| </td> |
| <td scope="row" class="center"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| title="{{ result.assigner_user.name || result.assigner_user.initials }}" |
| style="background-image:url({{ result.assigner_user.avatar }});" |
| > |
| <span ng-show="!result.user.avatar"> |
| {{ result.assigner_user.name[0] || result.assigner_user.initials }} |
| </span> |
| </div> |
| </td> |
| <td> |
| {{ result.status_name }} |
| </td> |
|
|
| <td> |
| {{ result.matter_number }} |
| </td> |
|
|
| <td> |
| {{ result.time_logged_in_mins }} |
| </td> |
|
|
| </tr> |
| </tbody> |
| </table> |
|
|
| </div> |
| </div> |
| </div> |
| <div class="mt-5 w-100 text-center" ng-show="report_tasks.length === 0 && loadingMorePaginate == false"> |
| |
| |
| |
| <h5>No results found.</h5> |
| </div> |
| </div> |
|
|
| </div> |
| </ng-if> |
| </section> |
|
|
| |
| <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/6875199.js"></script> |
| |
|
|
| |
| <div id="dashboard-content"> |
| <section ng-controller="BoardController as BoardController" ng-cloak> |
| <div ng-show="$root.loadingBoard" style="
|
| position: fixed; |
| top: 0; |
| width: 100%; |
| height: 100%; |
| background: #ffffffd1; |
| z-index: 100002; |
| "> |
| <h1 style="
|
| position: absolute; |
| top: 40%; |
| width: 100%; |
| text-align: center; |
| "> |
| <img class="collapsed" width="100px" src="https://app.legalboards.io/img/loading.gif" /> |
| </h1> |
| </div> |
|
|
| |
| <div class="payment-notice text-center" id="payment-notice" style="display: none;"> |
|
|
| <ng-if ng-if="['pending', 'canceling'].indexOf($root.accountStatus.status) > -1"> |
| You have |
| <strong> |
| <span id="account-days-left"></span> |
| </strong> |
| <span ng-if="$root.accountStatus.status === 'pending'">left to use Legalboards for free!</span> |
| <span ng-if="$root.accountStatus.status === 'canceling'">left to use Legalboards!</span> |
| <a href="https://app.legalboards.io/account/plans">Activate it now</a> |
| and remove this alert. |
|
|
| </ng-if> |
| <ng-if ng-if="$root.accountStatus.status == 'past_due'"> |
| PAST DUE |
| </ng-if> |
|
|
| </div> |
| |
|
|
| |
| <div class="payment-notice text-center" id="limit-notice" style="display: none;"> |
| <span></span> |
| <a href="https://app.legalboards.io/account/plans">Upgrade now</a> |
| </div> |
| |
| |
| <div class="bg-white dashboard-head manage-header board-index-head"> |
| <div class="dropdown"> |
| <h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak style="width: auto;margin-top: -3px;"> |
| <p class="board-name-ellipsis"><i class="fas fa-th boardMenu mr-3"></i>{{ activeBoard.name }}</p> |
| </h4> |
|
|
| <div class="d-inline-block ml-4 py-2 d-none filter-header" style="margin-top: -12px;"> |
| <i class="fa-regular fa-filter colorLight float-left" title="Advanced Filters" title-direction="bottom" ng-click="openFilters()"></i> |
| <span class="badge badge-warning" ng-if="!!searchAssignee || !!searchLabels || keywords2.key.length > 0 || customFieldResponsibleAttorneysList.length > 0"> |
| </span> |
| </div> |
|
|
|
|
| <div class="d-inline-block py-2 d-none search-header" style="width: 100%; margin-top: -12px;"> |
|
|
| <i ng-if="::hasAnyRole(['member', 'admin'])" class="fal fa-pencil colorLight float-left" title="Edit this board" title-direction="bottom" ng-click="manageBoard(activeBoard)"></i> |
|
|
| <i ng-click="toggleBoardView()" title="Toggle board view" title-direction="bottom" ng-class="{ |
| 'fa-regular fa-table-columns': boardView == 'list', |
| 'fa-solid fa-list': boardView == 'board', |
| }" class="far colorLight float-left"> |
| </i> |
|
|
| <div class="d-block-inline search-conta text-left ml-1 mt-0 float-left" style="min-width: 170px; position: relative"> |
| <input type="text" class="form-control search-board p-2" name="search" placeholder="Search..." ng-model="searchBoardCards" ng-model-options="{ debounce: 1000 }" ng-change="filterListCards()" aria-label="Search" aria-describedby="search" ng-cloak /> |
| <i class="search-board-icon-clear fas fa-times" ng-click="searchBoardCards = ''; filterListCards()"></i> |
| |
| <i class="search-board-icon fa-solid fa-magnifying-glass"></i> |
| </div> |
| </div> |
|
|
| <div class="dropdown-menu" aria-labelledby="dDrop"> |
|
|
| <div class="mt-5 scroll-boardlist"> |
|
|
| <a href="" class="btn btn-light btn-block" ng-class="{ active: board.id === activeBoard.id }" ng-repeat="board in boards | orderBy:'name' track by board.id" ng-click="setBoardActive(board)" ng-cloak> |
| <span class="board-name">{{ board.name }}</span> |
| <span |
| class="plus-user user-avatar user-avatar-list raio-20" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| ng-show="board.users.length > 3"> |
| <i class="fas fa-plus plus-dash"></i> |
| </span> |
| <ng-repeat |
| ng-repeat="(keyMember, member) in board.users | limitTo:3 track by keyMember" |
| class="users-baord" |
| ng-cloak |
| > |
| <div |
| class="user-avatar user-avatar-list raio-20" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ |
| member.user.avatar |
| }});"> |
| <span ng-show="!member.user.avatar">{{ member.user.initials }}</span> |
| </div> |
| </ng-repeat> |
| </a> |
|
|
| <hr /> |
|
|
| <ng-if ng-if="::!hasAnyRole('viewer')"> |
| <a href="https://app.legalboards.io/boards/new" class="link btn bg-green"> |
| |
| <img src="https://app.legalboards.io/svg/plus.svg" alt="Plus"> |
| New Board |
| </a> |
| <a href="" class="link btn btn-secondary gallery-content" ng-click="openBoardTemplateGallery()"> |
| |
| <img src="https://app.legalboards.io/svg/grid-2-plus.svg" alt="Plus"> |
|
|
| Gallery Boards |
| </a> |
| </ng-if> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="account-details d-none d-md-block text-right"> |
| <div class="btn-group btn-group-toggle" data-toggle="buttons"> |
| <button class="btn btn-sm btn-purple bg-purple py-1 ml-2" style="border-right:1px solid #fff;" ng-if="::hasAnyRole(['member', 'admin'])" ng-click="openAutomations(true)"> |
| <i class="fa-regular fa-plus color-white"></i> |
| </button> |
| <button class="btn btn-sm btn-purple bg-purple p-2 ml-0" ng-if="::hasAnyRole(['member', 'admin'])" ng-click="openAutomations()"> |
| <span class="color-white"> |
| <i |
| ng-if="activeBoard.run_automations" |
| class="fa-regular fa-wand-magic-sparkles mr-2"> |
| </i> |
| <i |
| ng-if="!activeBoard.run_automations" |
| class="fas fa-exclamation-triangle mr-2" |
| title="Automations are paused" |
| ></i> |
| My Automations |
| </span> |
|
|
| </button> |
| </div> |
| <h5 class="pt-1 members-header"> |
| <ng-repeat |
| ng-repeat="member in activeBoard.members | limitTo:3 track by member.id" |
| ng-cloak |
| > |
| <div |
| class="user-avatar user-avatar-list raio-40" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ ::member.user.avatar }});" |
| > |
| <span class="" ng-show="::!member.user.avatar"> |
| {{ ::member.user.initials }} {{ }} |
| </span> |
| </div> |
| </ng-repeat> |
| <div |
| class="plus-user user-avatar user-avatar-list raio-40 py-0" |
| ng-show="activeBoard.members.length > 3" |
| style="padding-left: 15px !important;" |
| > |
| <span> |
| <i class="fal fa-plus"></i> |
| </span> |
| </div> |
|
|
| </h5> |
|
|
| <a href="" class="link"> |
| <img class="expand user-data-account-logo" style="display: none" src="{{ url('img/logo-expand.svg') }}" /> |
| <span class="user-data-account-name"></span> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div |
| class="content content-main manage-content main-card-board" |
| ng-class="{'mt-5': $root.contentNeedsTopMargin}" |
| style="max-height: 100%" |
| ng-if="boardView === 'board'" |
| > |
| <div |
| class="scope-container scroll_height" |
| ng-style="{'height': $root.contentNeedsTopMargin ? 'calc(100% - 138px)' : '100%'}" |
| > |
| <div class="card-scope" id="card-scope"> |
| <div class="scale" ui-sortable="sortableScaleOptions" ng-model="lists" style="overflow: auto"> |
| <div ng-cloak class="mt-5 text-center" ng-if="lists && lists.length == 0" style="width: 100%; position: absolute"> |
| <img src="https://app.legalboards.io/img/no-colunms.png" width="40%" /> |
| </div> |
| |
| <div class="card-container" ng-if="lists && lists.length > 0" ng-repeat="list in lists track by list.id" ng-cloak ng-mousedown="handleClickOnSortableList($event)" ng-class="{ |
| 'not-sortable': hasAnyRole('viewer') || !canEditColumn() |
| }" ng-style="!!list.border_color && { |
| 'border-top-width':'4px', |
| 'border-top-style':'solid', |
| 'border-top-color': list.border_color, |
| 'margin-top': '-4px' |
| }"> |
|
|
| <div class="dropdown list-delete" style="float: right !important;" ng-if="::!hasAnyRole('viewer')"> |
| <span data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak> |
| <i class="fas fa-sort-down"></i> |
| </span> |
| <div class="dropdown-menu list-dropdown p-0" style="width: 300px;"> |
| |
| <div class="card-option-list"> |
| |
| |
| |
| |
| |
| |
| |
| |
| <ul class="nav nav-pills mb-0" id="pills-tab-{{list.id}}" role="tablist"> |
| <li class="nav-item" ng-if="::canEditColumn()"> |
| <a class="nav-link mb-0" ng-click="showListForm('#list-edit-' + list.id)"><i class="fa-regular fa-pen"></i></a> |
| <span |
| ng-click="showListForm('#list-edit-' + list.id)" |
| > Edit Column |
| </span> |
| <div class="tab-pane p-2 list-toggle-options" id="list-edit-{{list.id}}" style="display: none;" |
| > |
| <div class="edit-column row align-items-center mx-0"> |
| <div class="col-12 pl-0 mx-0"> |
| <form |
| name="formEditList" |
| > |
| <div class="row my-1 ml-0"> |
| <label><small>Title</small></label> |
| <input |
| type="text" |
| name="name" |
| ng-model="list.name" |
| placeholder="Column" |
| required |
| ng-blur="editList(list); closeEditList('#list-edit-' + list.id)" |
| /> |
| <label |
| class="error" |
| ng-show="formEditList.name.$error.required"> |
| This field is required. |
| </label> |
| </div> |
| <div class="row my-1 ml-0"> |
| <label><small>Border Color</small></label> |
| <input type="color" name="border_color" ng-model="list.border_color" class="py-0" placeholder="List border color" ng-change="editList(list)" ng-model-options="{ debounce: 1000 }" /> |
| </div> |
|
|
| <div class="row my-1 ml-0"> |
| <label><small>Description</small></label> |
| <textarea |
| type="text" |
| name="description" |
| ng-model="list.description" |
| placeholder="List description" |
| ng-blur="editList(list);" |
| rows="3" |
| ></textarea> |
| </div> |
| <div class="row my-1 ml-0"> |
| <label><small>Limit Cards</small></label> |
| <input |
| type="number" |
| name="card_limit" |
| ng-model="list.card_limit" |
| placeholder="Card Limit" |
| ng-blur="editList(list);" |
| /> |
| </div> |
| <div class="row mt-2 mb-1 ml-0"> |
| <button class="close-dropdown btn btn-sm bg-btn-green" >Save</button> |
| <div> |
| </form> |
| </div> |
|
|
| <button type="button" class="btn bg-btn-green-vazado w-100" ng-click="list.border_color = ''" ;> |
| Clear |
| </button> |
| </div> |
|
|
|
|
| </form> |
| </div> |
|
|
|
|
|
|
| </div> |
| </div> |
| </li> |
| <li class="nav-item" ng-if="::$root.hasAnyRole('admin') || ($root.hasAnyRole('member') && isBoardOwner(AuthUser.account_user.id,activeBoard.teams))"> |
| <a class="nav-link mb-0" ng-click="showListForm('#list-delete-' + list.id)"><i class="fa-regular fa-trash"></i></a> |
| <span ng-click="showListForm('#list-delete-' + list.id)"> Delete Column</span> |
| <div class="tab-pane p-2 list-toggle-options" id="list-delete-{{list.id}}" style="display: none;"> |
| <div class="row align-items-center mx-0" style="margin-left: 25px !important; margin-right: 25px !important;"> |
| <div class="col-9 px-0 mx-0"> |
| <span class="px-0 mx-0" style="line-height: 15px">Are you sure you want to delete this list?</span> |
| </div> |
| <div class="col-3 px-0 mx-0 text-center"> |
| <button type="button" class="btn bg-btn-green-confirmar mb-0" ng-click="confirmDeleteList($index, list)"><i class="fas fa-check"></i></button> |
| <button type="button" class="btn bg-btn-green-vazado-deletar mb-0" ng-click="showListForm('#list-delete-' + list.id)"><i class="fas fa-times"></i></button> |
| </div> |
| </div> |
| </div> |
| </li> |
|
|
| <li |
| class="nav-item" |
| ng-click="loadListCards(list.id, {withFiled: (list.withFiled == 1 ? 0 : 1) })" |
| > |
| <a class="nav-link mb-0"><i class="fa-regular fa-archive"></i></a> |
| <span> |
| Hide/Show Archived |
| </span> |
| </li> |
| </ul> |
|
|
| <div class="p-2 mt-1 border-card" ng-if="canEditColumn()"> |
| <p class="mt-3 mb-3 text-md"><strong>Order List</strong></p> |
| <div class="row align-items-center mt-2"> |
| <div class="col-4"> |
| <span style="color:#888">Order By</span> |
| </div> |
| <div class="col-8 last-move"> |
| <select name="boarderOrderField" ng-model="boarderOrder.field" class="order-list"> |
| <option value="last_moved_at" ng-selected="boarderOrder.field == 'last_moved_at'">Last Move</option> |
| <option value="limitation" ng-selected="boarderOrder.field == 'limitation'">Limitation Date</option> |
| <option value="client_name" ng-selected="boarderOrder.field == 'client_name'">Client Name</option> |
| <option value="last_name" ng-selected="boarderOrder.field == 'last_name'">Last Name</option> |
| <option value="matter_number" ng-selected="boarderOrder.field == 'matter_number'">Number Matter</option> |
| <option value="matter_open_date" ng-selected="boarderOrder.field == 'matter_open_date'">Open Case</option> |
| <option value="matter_pending_date" ng-selected="boarderOrder.field == 'matter_pending_date'" ng-if="::hasAsset('Clio')">Pending Date</option> |
| </select> |
| </div> |
| </div> |
|
|
| <div class=" py-2 align-items-center"> |
| <div class="row "> |
| <div class="col-5"> |
| <label class="radio-container mb-0" ng-click="boarderOrder.order = 'asc'"> |
| <input type="radio" name="order" ng-model="boarderOrder.order" ng-checked="boarderOrder.order == 'asc'" value="asc" style="display: none;" /> |
| <span class="checkmark"></span> |
| ASC |
| </label> |
| </div> |
| <div class="col-5"> |
| <label class="radio-container mb-0" ng-click="boarderOrder.order = 'desc'"> |
| <input type="radio" name="order" ng-model="boarderOrder.order" ng-checked="boarderOrder.order == 'desc'" value="desc" style="display: none;"/> |
| <span class="checkmark"></span> |
| DESC |
| </label> |
| </div> |
| </div> |
| <div class="col-5 pl-0 pt-4"> |
| <button class="btn btn-sm btn-block text-uppercase bg-green btn-order" type="button" ng-click="reorderList(list)">Order</button> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| </div> |
| </div> |
| <h4 class="board-list-name" style="cursor: move;"> |
| <span class="pr-2 text-secondary float-left"><i class='fa fa-info-circle' ng-if="list.description" title="{{ list.description }}"></i></span> |
| {{ list.name }} |
| <small ng-if="list.cards_count > 0" class="float-right"><strong>({{ |
| list.cards_count}})</strong></small> |
| <small ng-if="list.card_limit && (list.cards_count/list.card_limit)*100 > 69" class="float-right"> |
| <i class='fad fa-signal-alt-1 text-warning' ng-if="(list.cards_count/list.card_limit)*100 > 69 && (list.cards_count/list.card_limit)*100 < 79" title="This column has reached {{ (list.cards_count/list.card_limit)*100}}% of its limit of: {{ list.card_limit }} cards."></i> |
| <i class='fad fa-signal-alt-2 text-warning' ng-if="(list.cards_count/list.card_limit)*100 > 79 && (list.cards_count/list.card_limit)*100 < 89" title="This column has reached {{ (list.cards_count/list.card_limit)*100}}% of its limit of: {{ list.card_limit }} cards."></i> |
| <i class='fad fa-signal-alt-3 text-warning' ng-if="(list.cards_count/list.card_limit)*100 > 89 && (list.cards_count/list.card_limit)*100 < 99" title="This column has reached {{ (list.cards_count/list.card_limit)*100}}% of its limit of: {{ list.card_limit }} cards."></i> |
| <i class="fas fa-exclamation-circle text-danger" style="font-size: 12px;" ng-if="list.card_limit && (list.cards_count/list.card_limit)*100 > 99" title="This column has reached {{ (list.cards_count/list.card_limit)*100}}% of its limit of: {{ list.card_limit }} cards."></i> |
| </small> |
| </h4> |
| <div class="card-scroll" when-scrolled="loadMoreCards(list)"> |
| <div class="card-grid" ng-model="list.cards" ui-sortable="sortableCardOptions" data-list-id="{{::list.id}}"> |
| <div class="card-margin"></div> |
| <div class="card" ng-repeat="card in list.cards track by $index " ng-click="card.isFake || (card.filed_at && $root.now.isAfter(card.filed_at)) || hasAnyRole('viewer') ? return : openViewCardModal(card)" ng-class="{ |
| 'card-matter': |
| card.matter_id && |
| !card.contact_id, |
| 'card-contact': |
| card.contact_id && |
| !card.matter_id, |
| 'card-note': |
| !card.matter_id && |
| !card.contact_id, |
| 'not-sortable': hasAnyRole( |
| 'viewer' |
| ) || card.isLoadingMove || card.pin_date, |
| 'card-fake': card.isFake, |
| 'card-archived': (card.filed_at && $root.now.isAfter(card.filed_at)) || card.isLoadingMove, |
| 'card-viewer-cursor': hasAnyRole('viewer'), |
| 'card-pinned': card.pin_date |
| }" id="card_id_{{::card.id}}"> |
| <div class="pinned-card-content"> |
| <i class="fas fa-map-pin"></i><span>Card Pinned</span> |
| </div> |
| <h5 class="card-title"> |
| {{ card.title }} |
| <span class="card-actions-list-btn dropdown_card" id="open_dropdown_{{card.id}}" aria-haspopup="false" aria-expanded="true" ng-cloak ng-if="
|
| ( |
| !card.isFake && |
| !(card.filed_at && $root.now.isAfter(card.filed_at)) |
| ) && |
| ( |
| hasAnyRole(['admin', 'member']) |
| ) |
| " ng-click="$event.stopPropagation(); openDropdownEditCard(card.id)"> |
| <i class="fas fa-ellipsis-v pl-2 pr-2 pb-1"></i> |
| </span> |
| <div class="dropdown-menu card-actions-list p-0 dropdown_card_menu" style="width: 220px;" id="open_dropdown_menu_{{card.id}}"> |
| <h5 class="card-action-title"> |
| Card Actions</h5> |
| <div class="d-flex flex-card" id="pills-tab-{{card.id}}"> |
| <button class="btn" ng-click="$event.stopPropagation(); openEditCardModel(card, 'details')"> |
| <i class="fa-regular fa-pen"></i>Edit Card |
| </button> |
| <button class="btn" ng-click="$event.stopPropagation(); archiveCard(card)"> |
| <i class="fa-regular fa-archive"></i>Archive Card |
| </button> |
| <button ng-if="!card.pin_date" class="btn" ng-click="$event.stopPropagation(); setPinCard(card)"> |
| <i class="fa-regular fa-map-pin"></i>Pin Card |
| </button> |
| <button ng-if="card.pin_date" class="btn" ng-click="$event.stopPropagation(); removePinCard(card)"> |
| <i class="fa-regular fa-map-pin"></i>Remove Pin |
| </button> |
| <button class="btn" ng-click="$event.stopPropagation(); openEditCardModel(card, 'members')"> |
| <i class="fa-regular fa-user"></i>Edit Members |
| </button> |
| <button class="btn" ng-click="$event.stopPropagation(); confirmDeleteCard(card)"> |
| <i class="fa-regular fa-trash"></i>Delete Card |
| </button> |
| <button class="btn" ng-click="$event.stopPropagation(); copyCard(card)"> |
| <i class="fa-regular fa-copy"></i>Duplicate |
| </button> |
| </div> |
| </div> |
| <i class="fal fa-undo float-right h6 font-weight-bold" title="Click here to unarchive this card" ng-click="$event.stopPropagation(); restoreArchivedCard(card)" |
| ng-if="
|
| (card.filed_at && $root.now.isAfter(card.filed_at)) |
| && |
| hasAnyRole(['admin', 'member']) |
| "> |
| </i> |
| <ng-show ng-show="card.subtitle"> |
| <br /> |
| <span> |
| {{ card.subtitle }} |
| </span> |
| </ng-show> |
| <ng-show ng-show="card.note"> |
| <span class="card-details-preview" ng-bind-html="card.note | htmlToPlaintext | html"></span> |
| </ng-show> |
| </h5> |
| <div class="row pl-3 card-details" ng-if="!card.isFake"> |
| <div class="mr-1 mb-2" ng-show="card.labels.length > 0" ng-repeat="label in card.labels track by label.id"> |
| <span class="card-color text-truncate danger" ng-style="{ |
| 'background-color': label.color, |
| 'color': $root.getLightOrDarkTextColor(label.color) |
| }" title="{{ |
| label.value |
| }}">{{ label.value }}</span> |
| </div> |
| <div class="mr-3 mb-2" ng-repeat="count_preview in card.count_preview track by $index" title="{{ |
| count_preview.tooltip |
| }}"> |
| <i class="{{count_preview.class}}"></i> |
| <span> |
| {{count_preview.value}} |
| </span> |
| <span></span> |
| </div> |
| <div class="mr-3 mb-2" ng-if="
|
| card.last_moved_at && |
| (card.last_moved_at |
| | amUtc |
| | amLocal |
| | amDifference |
| : null |
| : 'days') * |
| -1 != |
| 0 |
| " title="This card has been stopped here for {{ |
| (card.last_moved_at |
| | amUtc |
| | amLocal |
| | amDifference |
| : null |
| : 'days') * -1 |
| }} |
| days."> |
| {{ |
| (card.last_moved_at |
| | amUtc |
| | amLocal |
| | amDifference |
| : null |
| : "days") * -1 |
| }} |
|
|
| <ng-if ng-if="
|
| card.last_moved_at && |
| (card.last_moved_at |
| | amUtc |
| | amLocal |
| | amDifference |
| : null |
| : 'days') * |
| -1 == |
| 1 |
| "> |
| day |
| </ng-if> |
|
|
| <ng-if ng-if="
|
| card.last_moved_at && |
| (card.last_moved_at |
| | amUtc |
| | amLocal |
| | amDifference |
| : null |
| : 'days') * |
| -1 !== |
| 1 |
| "> |
| days |
| </ng-if> |
| </div> |
|
|
| <div class="mr-3 mb-2" ng-if="
|
| card.last_moved_at && |
| (card.last_moved_at |
| | amUtc |
| | amLocal |
| | amDifference |
| : null |
| : 'days') * |
| -1 == |
| 0 |
| " title="This card arrived here today!"> |
| <span class="color-purple">New</span> |
| </div> |
|
|
| <ng-show ng-show="checkTimeRunningAutomation(card)" class="automacao-aviso mt-1" ng-click="$event.stopPropagation(); confirmDeleteAutomationControl(card, automation)"> |
| <i class="fas fa-clock"></i> |
|
|
| {{ |
| card.automations_running |
| .length |
| }} |
|
|
| <ng-show ng-show="
|
| card.automations_running |
| .length == 1 |
| "> |
| Automation will be executed in up to 3 min. [Cancel] |
| </ng-show> |
| <ng-show ng-show="
|
| card.automations_running |
| .length > 1 |
| "> |
| Automations will be executed in up to 3 min. [Cancel] |
| </ng-show> |
| </ng-show> |
| </div> |
|
|
| <div |
| class="add-users text-right" |
| ng-if="!card.isFake" |
| > |
| <ng-repeat |
| ng-repeat="(memberKey, member) in card.members | limitTo : 3 track by memberKey" |
| ng-cloak |
| > |
| <div |
| class="user-avatar user-avatar-list raio-30" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ |
| member.account_user.user |
| .first_name |
| }} {{ |
| member.account_user.user |
| .last_name |
| }}" style="background-image:url({{ |
| member.account_user.user |
| .avatar |
| }});"> |
| <span class="" ng-show="
|
| !member.account_user |
| .user.avatar && |
| memberKey < 3 |
| ">{{ |
| member.account_user |
| .user.initials |
| }}</span> |
| </div> |
| </ng-repeat> |
| <span class="plus-user user-avatar user-avatar-list raio-30" ng-show="
|
| card.members.length > 3 |
| "><i class="fal fa-plus"></i></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="col-12 text-center" ng-show="list.loadingScroll"> |
| <img src="https://app.legalboards.io/img/loading.gif" width="30%" /> |
| </div> |
|
|
| <div class="col-12 text-center my-2" ng-if="!list.loadingScroll && (list.hasMore || list.hasMore === undefined) && list.cards_count >= 10"> |
| <button class="btn btn-link" ng-click="loadMoreCards(list)"> |
| Load More |
| </button> |
| </div> |
|
|
| |
| <div class="add-new-card" ng-if="::!hasAnyRole('viewer')"> |
| <div class="card select mt-0"> |
| <ui-select autofocus-ui-select autofocus="true" ng-model="contactCase.selected" theme="select2" class="create-card" close-on-selet="true" on-select="
|
| handlerContactOrCaseSelected( |
| contactCase, |
| list, |
| $select |
| ) |
| " uis-open-close="onOpenClose(isOpen)"> |
| <ui-select-match placeholder="New Card"> |
| <div class="text-center w-100"> |
| <img src="https://app.legalboards.io/img/loading.gif" width="30%" style="
|
| margin-top: -17px; |
| " /> |
| </div> |
| </ui-select-match> |
| <span ng-show="
|
| $select.searchEnabled && |
| $select.isEmpty() |
| " class="select2-chosen ng-binding ng-hide">New Card</span> |
| <ui-select-choices refresh="refreshContactCases($select.search)" refresh-delay="{{ |
| $select.search.length <= 3 |
| ? 0 |
| : 1000 |
| }}" repeat="contact_case in contacts_cases track by $index" group-by="'type'"> |
| {{:: contact_case.name }} |
| <ng-show ng-show="
|
| contact_case.subtitle |
| "> |
| - {{ |
| ::contact_case.subtitle |
| }}</ng-show> |
|
|
| <p class="small text-nowrap text-truncate pb-0 mb-0" ng-if="contact_case.note"> |
| {{ contact_case.note }} |
| </p> |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <div style="width: 100%" ng-show="
|
| $select.search.length > |
| 0 && |
| loadingSearchCard |
| "> |
| <div class="no-item-create board-card-search"> |
| <h2>Wating</h2> |
| <i class="fad fa-search"></i> |
| <h4>Loading...</h4> |
| </div> |
| </div> |
| <div style="width: 100%" ng-show="
|
| $select.search.length < |
| 3 && |
| $select.search.length != |
| 0 |
| "> |
| <span>You must enter at least 3 characters</span> |
| <div class="no-item-create board-card-search"> |
| <h2>Search for...</h2> |
| <i class="fad fa-search"></i> |
| <p class="rotate-message-newcard" id="new-card-message_class_en"></p> |
| </div> |
| </div> |
| <div style="width: 100%" ng-show="
|
| $select.search.length >= |
| 3 && |
| !loadingSearchCard && |
| contacts_cases.length === |
| 0 |
| "> |
| </div> |
| <hr style="width: 250px; margin: 10px -10px; opacity:0.7;"> |
| <div class="clearfix"></div> |
| <span style="font-size: 10px; font-weight: bold;color: #7689A2;">Or add a new one</span> |
| <div class="d-flex w-100"> |
| <button ng-if="::$root.hasContactModule()" type="button" title="Create a new Contact" style="box-shadow: none;border-radius: 2px; min-width:31px;" class="btn btn-primary btn-sm bg-greenF bg-greenF_hover mr-2" ng-click="openNewContactModal(list.id, $select)"> |
| <i class="fas fa-user p-0"></i> |
| |
| </button> |
| <button type="button" ng-if="::$root.hasAsset('Legalboards')" title="Create a new Matter" style="box-shadow: none;border-color: #007bff !important;border-radius: 2px;min-width:31px;" class="btn btn-primary btn-sm bg-blue bg-blue_hover mr-2" ng-click="openNewCaseModal(list.id, $select)" style="border-color: "> |
| <i class="fas fa-suitcase p-0"></i> |
| |
| </button> |
| <button type="button" title="Create a new Note" style="box-shadow: none;border-radius: 2px;min-width:31px;" class="btn btn-primary btn-sm btn-primary mr-2" ng-class="{'btn-block': !hasAsset('Legalboards') && !$root.hasContactModule()}" ng-click="openNoteForm(list.id, $select)"> |
| <i class="fas fa-sticky-note p-0"></i> |
| |
| </button> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
|
|
| <div ng-if="canEditColumn()" class="card-container new-card-list" ng-class="{ |
| shake: |
| ((formNewList.name.$dirty || |
| formNewList.$submitted) && |
| formNewList.name.$error.required) || |
| lists.length === 0 |
| }"> |
| <form class="new_list" name="formNewList" ng-submit="createList(list, formNewList)" novalidate> |
| <input type="text" name="name" ng-model="list.name" autocomplete="off" placeholder="Add a new column..." required /> |
| <label style="width: 100%" ng-cloak class="error" ng-show="
|
| (formNewList.name.$dirty || |
| formNewList.$submitted) && |
| formNewList.name.$error.required |
| ">This field is required.</label> |
|
|
| <button type="submit" class="btn btn-primary btn-sm mb-3"> |
| Add Column |
| </button> |
| </form> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| <section |
| class="px-5 pb-5 pt-1 manage-content pt-5" |
| ng-class="{'mt-5 py-5': $root.contentNeedsTopMargin}" |
| id="list-view-wrapper" |
| ng-if="boardView === 'list'" |
| ui-sortable="sortableListViewColumnsOptions" |
| ng-model="lists" |
| > |
|
|
| <div class="list-container mb-3" ng-repeat="list in lists track by list.id" ng-cloak ng-mousedown="handleClickOnSortableList($event)" ng-class="{ |
| 'not-sortable': hasAnyRole('viewer') |
| }"> |
| <h5 data-ng-attr-style="{{ !!list.border_color && 'color:' + list.border_color + '!important' }}" |
| class="mb-3" type="button" |
| data-toggle="collapse" |
| data-target="#listGroup-{{ list.id }}" |
| ng-click="list.isCollapsed = !list.isCollapsed" |
| > |
| <i class="fa-solid" ng-class="{ |
| 'fa-eye-slash': list.isCollapsed, |
| 'fa-eye': !list.isCollapsed |
| }" style="margin-right: 10px;"></i> |
| {{ list.name }} |
|
|
| <div class="dropdown d-inline-block mt-0 mb-2 position-static" ng-if="::!hasAnyRole('viewer')" style="float: none !important; color:inherit !important; z-index:10 !important;"> |
| <span data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak> |
|
|
| <i class="fa-solid fa-sort-down" style="margin-left: 8px;"></i> |
| </span> |
|
|
| <div class="dropdown-menu list-dropdown p-0" style="width: 300px;"> |
| |
| <div class="card-option-list"> |
| |
| <ul class="nav nav-pills mb-0" id="pills-tab-{{list.id}}" role="tablist"> |
| <li class="nav-item" ng-if="::canEditColumn()"> |
| <a class="nav-link mb-0" ng-click="showListForm('#list-edit-' + list.id)"><i class="fa-regular fa-pen"></i></a> |
| <span |
| ng-click="showListForm('#list-edit-' + list.id)" |
| > Edit Column |
| </span> |
| <div class="tab-pane p-2 list-toggle-options" id="list-edit-{{list.id}}" style="display: none;" |
| > |
| <div class="edit-column row align-items-center mx-0"> |
| <div class="col-12 pl-0 mx-0"> |
| <form |
| name="formEditList" |
| > |
| <div class="row my-1 ml-0"> |
| <label><small>Title</small></label> |
| <input |
| type="text" |
| name="name" |
| ng-model="list.name" |
| placeholder="Column" |
| required |
| ng-blur="editList(list); closeEditList('#list-edit-' + list.id)" |
| /> |
| <label |
| class="error" |
| ng-show="formEditList.name.$error.required"> |
| This field is required. |
| </label> |
| </div> |
| <div class="row my-1 ml-0"> |
| <label><small>Border Color</small></label> |
| <input type="color" name="border_color" ng-model="list.border_color" class="py-0" placeholder="List border color" ng-change="editList(list)" ng-model-options="{ debounce: 1000 }" /> |
| </div> |
|
|
| <div class="row my-1 ml-0"> |
| <label><small>Description</small></label> |
| <textarea |
| type="text" |
| name="description" |
| ng-model="list.description" |
| placeholder="List description" |
| ng-blur="editList(list);" |
| rows="3" |
| ></textarea> |
| </div> |
| <div class="row my-1 ml-0"> |
| <label><small>Limit Cards</small></label> |
| <input |
| type="number" |
| name="card_limit" |
| ng-model="list.card_limit" |
| placeholder="Card Limit" |
| ng-blur="editList(list);" |
| /> |
| </div> |
| <div class="row mt-2 mb-1 ml-0"> |
| <button class="close-dropdown btn btn-sm bg-btn-green" >Save</button> |
| <div> |
| </form> |
| </div> |
|
|
| <button type="button" class="btn bg-btn-green-vazado w-100" ng-click="list.border_color = ''" ;> |
| Clear |
| </button> |
| </div> |
|
|
|
|
| </form> |
| </div> |
|
|
|
|
|
|
| </div> |
| </div> |
| </li> |
| <li class="nav-item" ng-if="::$root.hasAnyRole('admin') || ($root.hasAnyRole('member') && isBoardOwner(AuthUser.account_user.id,activeBoard.teams))"> |
| <a class="nav-link mb-0" ng-click="showListForm('#list-delete-' + list.id)"><i class="fa-regular fa-trash"></i></a> |
| <span ng-click="showListForm('#list-delete-' + list.id)"> Delete Column</span> |
| <div class="tab-pane p-2 list-toggle-options" id="list-delete-{{list.id}}" style="display: none;"> |
| <div class="row align-items-center mx-0" style="margin-left: 25px !important; margin-right: 25px !important;"> |
| <div class="col-9 px-0 mx-0"> |
| <span class="px-0 mx-0" style="line-height: 15px">Are you sure you want to delete this list?</span> |
| </div> |
| <div class="col-3 px-0 mx-0 text-center"> |
| <button type="button" class="btn bg-btn-green-confirmar mb-0" ng-click="confirmDeleteList($index, list)"><i class="fas fa-check"></i></button> |
| <button type="button" class="btn bg-btn-green-vazado-deletar mb-0" ng-click="showListForm('#list-delete-' + list.id)"><i class="fas fa-times"></i></button> |
| </div> |
| </div> |
| </div> |
| </li> |
|
|
| <li class="nav-item" ng-click="loadListCards(list.id, {withFiled: 1})"> |
| <a class="nav-link mb-0"><i class="fa-regular fa-archive"></i></a><span> Hide/Show Archived</span> |
| </li> |
| </ul> |
|
|
| <div class="p-2 mt-1 border-card" ng-if="canEditColumn()"> |
| <p class="mt-3 mb-3 text-md"><strong>Order List</strong></p> |
| <div class="row align-items-center mt-2"> |
| <div class="col-4"> |
| <span style="color:#888">Order By</span> |
| </div> |
| <div class="col-8 last-move"> |
| <select name="boarderOrderField" ng-model="boarderOrder.field" class="order-list"> |
| <option value="last_moved_at" ng-selected="boarderOrder.field == 'last_moved_at'">Last Move</option> |
| <option value="limitation" ng-selected="boarderOrder.field == 'limitation'">Limitation Date</option> |
| <option value="client_name" ng-selected="boarderOrder.field == 'client_name'">Client Name</option> |
| <option value="last_name" ng-selected="boarderOrder.field == 'last_name'">Last Name</option> |
| <option value="matter_number" ng-selected="boarderOrder.field == 'matter_number'">Number Matter</option> |
| <option value="matter_open_date" ng-selected="boarderOrder.field == 'matter_open_date'">Open Case</option> |
| <option value="matter_pending_date" ng-selected="boarderOrder.field == 'matter_pending_date'" ng-if="::hasAsset('Clio')">Pending Date</option> |
| </select> |
| </div> |
| </div> |
|
|
| <div class=" py-2 align-items-center"> |
| <div class="row "> |
| <div class="col-5"> |
| <label class="radio-container mb-0" ng-click="boarderOrder.order = 'asc'"> |
| <input type="radio" name="order" ng-model="boarderOrder.order" ng-checked="boarderOrder.order == 'asc'" value="asc" style="display: none;"/> |
| <span class="checkmark"></span> |
| ASC |
| </label> |
| </div> |
| <div class="col-5"> |
| <label class="radio-container mb-0" ng-click="boarderOrder.order = 'desc'"> |
| <input type="radio" name="order" ng-model="boarderOrder.order" ng-checked="boarderOrder.order == 'desc'" value="desc" style="display: none;"/> |
| <span class="checkmark"></span> |
| DESC |
| </label> |
| </div> |
| </div> |
| <div class="col-5 pl-0 pt-4"> |
| <button class="btn btn-sm btn-block text-uppercase bg-green btn-order" type="button" ng-click="reorderList(list)">Order</button> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| </div> |
| </div> |
| |
| </h5> |
| <div class="list-table-wrapper collapse show" id="listGroup-{{ list.id }}" data-ng-attr-style="{{ !!list.border_color && 'border-color:' + list.border_color + '!important' }}"> |
| <table class="table m-0"> |
| <thead> |
| <th colspan="2">Title</th> |
| <th class="text-center">Members</th> |
| <th class="text-center">Days</th> |
| <th class="text-center">Labels</th> |
| <th style="min-width: 100px"></th> |
| </thead> |
| <tbody class="list-items" ng-model="list.cards" ui-sortable="sortableListViewCardOptions" data-list-id="{{::list.id}}"> |
| <tr ng-repeat="card in list.cards track by $index" ng-click="card.isFake || (card.filed_at && $root.now.isAfter(card.filed_at)) || hasAnyRole('viewer') ? return : openViewCardModal(card)" ng-class="{ |
| 'border-matter': |
| card.matter_id && |
| !card.contact_id, |
| 'border-contact': |
| card.contact_id && |
| !card.matter_id, |
| 'border-note': |
| !card.matter_id && |
| !card.contact_id, |
| 'not-sortable': hasAnyRole( |
| 'viewer' |
| ) || card.isLoadingMove || card.pin_date, |
| 'card-fake': card.isFake, |
| 'card-archived': (card.filed_at && $root.now.isAfter(card.filed_at)) || card.isLoadingMove, |
| 'card-viewer-cursor': hasAnyRole('viewer'), |
| 'border-pinned': card.pin_date |
| }"> |
| <td> |
| <strong>{{ card.title }} </strong> |
| <span>{{ card.subtitle }} - </span> |
| <span>{{ card.note | htmlToPlaintext | short }}</span> |
| </td> |
| <td style="width: 130px;"> |
| <span class="mr-2 mb-2" ng-repeat="count_preview in card.count_preview track by $index" title="{{ |
| count_preview.tooltip |
| }}"> |
| <i class="{{count_preview.class}}"></i> |
| <span> |
| {{count_preview.value}} |
| </span> |
| </span> |
| </td> |
| <td style="width: 130px;"> |
| <ul class="user-list text-center py-2"> |
| <li ng-repeat="(memberKey, member) in card.members | limitTo : 3 track by memberKey" ng-cloak> |
| <div class="user-avatar user-avatar-list raio-30" title="{{ |
| member.account_user.user |
| .first_name |
| }} {{ |
| member.account_user.user |
| .last_name |
| }}" style="background-image:url({{ |
| member.account_user.user |
| .avatar |
| }});"> |
| <span class="" ng-show="
|
| !member.account_user |
| .user.avatar && |
| memberKey < 3 |
| ">{{ |
| member.account_user |
| .user.initials |
| }}</span> |
| </div> |
| </li> |
| <li class="plus-user user-avatar user-avatar-list raio-30" ng-if="
|
| card.members.length > 3 |
| "><i class="fal fa-plus"></i> |
| </li> |
|
|
| </ul> |
| </td> |
| <td style="width: 130px;" class="text-center"> |
| <ng-pluralize ng-if="card.last_moved_at" count="((card.last_moved_at |
| | amUtc |
| | amLocal |
| | amDifference |
| : null |
| : 'days') * -1)" when="{ |
| '0': 'New', |
| 'one': '1 day', |
| 'other': '{} days' |
| }"> |
| </ng-pluralize> |
| </td> |
| <td class="text-truncate text-center" style="width: 170px;"> |
| <span ng-if="card.labels.length > 0" ng-repeat="label in card.labels track by label.id" class="badge badge-pill mx-2 d-inline-block" title="{{ |
| label.value |
| }}" ng-style="{ |
| 'background-color': |
| label.color |
| }">{{ label.value }}</span> |
| </td> |
| <td> |
| <ng-if ng-if="(card|cardType) == 'matter'"> |
| <ng-if ng-if="card.matter && card.matter.matter"> |
| <ng-if ng-if="card.matter.matter.client"> |
| Client: {{ card.matter.matter.client.full_name }} |
| </ng-if> |
| Open: {{ card.matter.matter.opening_at | amDateFormat: $root.momentFormat |
| }} |
| {{ card.matter.matter.practice_area.name |
| }} |
| Limiting: {{ card.matter.matter.limiting_at | amDateFormat: |
| $root.momentFormat }} |
| </ng-if> |
|
|
| <ng-if ng-if="card.matter && !card.matter.matter"> |
| Client: {{ card.matter.clio_client_name }} |
| Open: {{ card.matter.clio_open_date | amDateFormat: $root.momentFormat }} |
| Due at: {{ card.matter.clio_due_at | amDateFormat: $root.momentFormat }} |
| </ng-if> |
| </ng-if> |
|
|
| <ng-if ng-if="(card|cardType) == 'contact'"> |
| <ng-if ng-if="card.contact && card.contact.contact"> |
| Phone: {{ card.contact.contact.phone }} |
| <ng-if ng-if="card.contact && card.contact.contact.company"> |
| Company: {{ card.contact.contact.company.first_name }} |
| </ng-if> |
| <ng-for ng-if="card.contact.contact.addresses.length > 0"> |
| Addresses: |
| <ng-repeat ng-repeat="address in card.contact.contact.addresses"> |
| {{ address.name }}, {{ address.street }} - {{ address.city }} |
| <ng-if ng-if="!$last">, </ng-if> |
| </ng-repeat> |
| </ng-for> |
| </ng-if> |
| </ng-if> |
|
|
| <ng-if ng-if="(card|cardType) == 'note'"> |
| {{ card.note | htmlToPlaintext | short }} |
| </ng-if> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
|
|
|
|
| <div class="btn text-light w-100 text-left newcard-list" > |
|
|
| <div class='newcard-ico' ng-click="triggerNewCardClick($event)"> |
| <i class="fa-regular fa-plus"></i> |
| </div> |
|
|
| <ui-select autofocus-ui-select autofocus="true" ng-model="contactCase.selected" theme="select2" class="create-card" close-on-selet="true" on-select="
|
| handlerContactOrCaseSelected( |
| contactCase, |
| list, |
| $select |
| ) |
| " uis-open-close="onOpenClose(isOpen)" |
| > |
| <ui-select-match class="new-card-placeholder" placeholder="New Card"> |
| <div class="text-center w-100"> |
| <img src="https://app.legalboards.io/img/loading.gif" width="30%" style="
|
| margin-top: -17px; |
| " /> |
| </div> |
| </ui-select-match> |
| <span ng-show="$select.searchEnabled && $select.isEmpty()" class="select2-chosen ng-binding ng-hide"> |
| New Card 2 |
| </span> |
| <ui-select-choices refresh="refreshContactCases($select.search)" refresh-delay="{{ |
| $select.search.length <= 3 |
| ? 0 |
| : 1000 |
| }}" repeat="contact_case in contacts_cases track by $index" group-by="'type'"> |
| {{:: contact_case.name }} |
| <ng-show ng-show="
|
| contact_case.subtitle |
| "> |
| - {{ |
| ::contact_case.subtitle |
| }}</ng-show> |
|
|
| <p class="small text-nowrap text-truncate pb-0 mb-0" ng-if="contact_case.note"> |
| {{ contact_case.note }} |
| </p> |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <div style="width: 100%" ng-show="
|
| $select.search.length > |
| 0 && |
| loadingSearchCard |
| "> |
| <div class="no-item-create board-card-search"> |
| <h2>Wating</h2> |
| <i class="fad fa-search"></i> |
| <h4>Loading...</h4> |
| </div> |
| </div> |
| <div style="width: 100%" ng-show="
|
| $select.search.length < |
| 3 && |
| $select.search.length != |
| 0 |
| "> |
| <span>You must enter at least 3 characters</span> |
| <div class="no-item-create board-card-search"> |
| <h2>Search for...</h2> |
| <i class="fad fa-search"></i> |
| <p class="rotate-message-newcard" id="new-card-message_class_en"></p> |
| </div> |
| </div> |
| <div style="width: 100%" ng-show="
|
| $select.search.length >= |
| 3 && |
| !loadingSearchCard && |
| contacts_cases.length === |
| 0 |
| "> |
| </div> |
| <hr style="width: 250px; margin: 10px -10px; opacity:0.7;"> |
| <div class="clearfix"></div> |
| <span style="font-size: 10px; font-weight: bold;color: #7689A2;"> |
| Or add a new one |
| </span> |
| <div class="d-flex w-100"> |
| <button ng-if="::$root.hasContactModule()" type="button" title="Create a new Contact" style="box-shadow: none;border-radius: 2px; min-width:31px;" class="btn btn-primary btn-sm bg-greenF bg-greenF_hover mr-2" ng-click="openNewContactModal(list.id, $select)"> |
| <i class="fas fa-user p-0"></i> |
| </button> |
| <button type="button" ng-if="::$root.hasAsset('Legalboards')" title="Create a new Matter" style="box-shadow: none;border-color: #007bff !important;border-radius: 2px;min-width:31px;" class="btn btn-primary btn-sm bg-blue bg-blue_hover mr-2" ng-click="openNewCaseModal(list.id, $select)" style="border-color: "> |
| <i class="fas fa-suitcase p-0"></i> |
| </button> |
| <button type="button" title="Create a new Note" style="box-shadow: none;border-radius: 2px;min-width:31px;" class="btn btn-primary btn-sm btn-primary mr-2" ng-class="{'btn-block': !hasAsset('Legalboards') && !$root.hasContactModule()}" ng-click="openNoteForm(list.id, $select)"> |
| <i class="fas fa-sticky-note p-0"></i> |
| </button> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| <button class="btn text-light w-100 text-left px-3 bg-grey text-center" ng-if="!list.loadingScroll && (list.hasMore || list.hasMore === undefined) && list.cards_count >= 10" ng-click="loadMoreCards(list)"> |
| Load More |
| </button> |
| </div> |
| </div> |
|
|
| </section> |
|
|
| <automation-list ng-if="showComponentAutomationList" active-board="activeBoard"></automation-list> |
|
|
| |
| <div id="account-trials-end-at-modal" class="slide-in-contaniner remove"> |
| <button class="close-btn btn" ng-click="closeBoardModal()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| |
| <div class="slide-in-content"> |
| <h3> |
| It's your last day of your free trial! |
| <br> |
| {{statusAccount | date: 'dd/MM/yyyy'}} |
| <br> |
| </h3> |
|
|
| <table> |
| <tr> |
| <td> |
| <div> |
| Start now |
| </div> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <div> |
| Continue use |
| </div> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <div> |
| Start your subscription |
| </div> |
| </td> |
| |
| </tr> |
| </table> |
|
|
| </div> |
| </div> |
| <script type="text/ng-template" id="removeBoard.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <i class="fas fa-exclamation-circle mt-2 mb-4" style="color: #dc3545;"></i> |
| <h2 class="mb-0">Remove Board</h2> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this board?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteBoardCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-secondary-outline" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="copyBoard.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3"><i class="far fa-clone"></i> Clone Board</h2> |
|
|
| <div class="row mt-4"> |
| <form method="post" name="formCopyBoard" class="form-row"> |
| <div class="col-12 p-2"> |
| <p>Are you sure you want to clone this board?</p> |
|
|
| <div class="col-12 mt-2 mb-2 p-0"> |
| <label class="float-left">Name of new board</label> |
| <input type="text" |
| class="form-control" |
| placeholder="Name" |
| name="name" |
| ng-model="copyingBoard.name" |
| required |
| /> |
| </div> |
| </div> |
| <div class="col col-12 p-2 text-left"> |
| <div class="row"> |
| <div class="col col-12"> |
| <label class="float-left">Mark what do you want to clone too</label> |
| </div> |
| </div> |
| <div class="row pl-5"> |
| <div class="col col-6 form-check"> |
| <input |
| class="form-check-input" |
| type="checkbox" |
| id="membersCheck" |
| name="membersCheck" |
| ng-model="copyingBoard.membersCheck" |
| ng-checked="copyingBoard.membersCheck == 1" |
| ng-true-value="1" |
| ng-false-value="0" |
| > |
| <label class="form-check-label" for="membersCheck"> |
| Members |
| </label> |
| </div> |
| <div class="col col-6 form-check"> |
| <input |
| class="form-check-input" |
| type="checkbox" |
| id="cardsCheck" |
| name="cardsCheck" |
| ng-model="copyingBoard.cardsCheck" |
| ng-checked="copyingBoard.cardsCheck == 1" |
| ng-true-value="1" |
| ng-false-value="0" |
| > |
| <label class="form-check-label" for="cardsCheck"> |
| Cards |
| </label> |
| </div> |
| <div class="col col-6 form-check"> |
| <input |
| class="form-check-input" |
| type="checkbox" |
| id="automationsCheck" |
| name="automationsCheck" |
| ng-model="copyingBoard.automationsCheck" |
| ng-checked="copyingBoard.automationsCheck == 1" |
| ng-true-value="1" |
| ng-false-value="0" |
| > |
| <label class="form-check-label" for="automationsCheck"> |
| Automations |
| </label> |
| </div> |
|
|
| <div class="col col-6 form-check" ng-if="copyingBoard.cardsCheck == 1"> |
| <input |
| class="form-check-input" |
| type="checkbox" |
| id="tasksCheck" |
| name="tasksCheck" |
| ng-model="copyingBoard.tasksCheck" |
| ng-checked="copyingBoard.tasksCheck == 1" |
| ng-true-value="1" |
| ng-false-value="0" |
| > |
| <label class="form-check-label" for="tasksCheck"> |
| Tasks |
| </label> |
| </div> |
| </div> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-secondary" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| <div class="col-6"><button class="btn btn-block btn-primary" ng-disabled="loading || formCopyBoard.$invalid" ng-click="confirmCopyBoardCallback()">Ok</button></div> |
| </form> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeLabel.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <i class="fas fa-exclamation-circle mt-2 mb-4" style="color: #dc3545;"></i> |
| <h2 class="mb-0">Delete Label</h2> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this label?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmRemoveLabelCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-outline-secondary" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeCard.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <i class="fas fa-exclamation-circle mt-2 mb-4" style="color: #dc3545;"></i> |
| <h2 class="mb-0">Remove Card</h2> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Do you want to remove this card? By doing this, you're only removing this card, not the contacts or case from the system.</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteCardCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-outline-secondary" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="alertListWithCards.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <i class="fas fa-ban mb-4 mt-2"></i> |
| <h2 class="mb-0">List is being used by a card.</h2> |
| <div class="row mt-4"> |
|
|
| <div class="col-12"> |
| <p>You cannot delete a list with cards in it, first remove the cards from that list in order to delete it.</p> |
| </div> |
| <div class="col-12"><button class="btn btn-block btn-danger" type="button" ng-click="closeAnyModalInstance()">Close</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeBoardInvitation.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <i class="fas fa-exclamation-circle mt-2 mb-4" style="color: #dc3545;"></i> |
| <h2 class="mb-0">Remove Invitation</h2> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to remove this invitation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmRemoveBoardInvitationCallback()">Remove</button></div> |
| <div class="col-6"><button class="btn btn-block btn-outline-secondary" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
|
|
| <script type="text/ng-template" id="choose-google-drive-custom-folder.tpl.html"> |
| <div class="modal-body modal-lg px-4 text-center"> |
| <h2 class="mb-3">Google Drive Custom Folder</h2> |
| <i class="fad fa-folder-open h2 color-purple"></i> |
| <div class="row mt-4"> |
| <div class="col-12 py-3"> |
| <p>Do you already have a folder for this card within your Google Drive? No problem, setup your folder. <br /><a href="https://youtu.be/eS55_lCuBkw" target="_blank">Check out this video</a> how to do this.</p> |
| <div class="row mt-0" > |
| <label>Google Drive Folder</label> |
| <div class="col-12 p-0"> |
| <input |
| ng-model="googleDriveFolder.rel_external" |
| type="text" |
| class="form-control" |
| ng-disabled="loading" |
| placeholder="Legalboards Default" |
| /> |
| </div> |
| </div> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-primary" ng-disable="loading" ng-click="saveDocumentFolder(googleDriveFolder)">Save</button></div> |
| <div class="col-6"><button class="btn btn-block" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
|
|
| <script type="text/ng-template" id="lastDayTrialsEnd"> |
| <div class="modal-body overflow-auto text-center px-lg-5 px-4 py-lg-5 py-4" > |
| <h1 class="mb-3 text-bold">It’s your last day of your free trial!</h1> |
| <p class="mx-auto" style="font-size: 18px; color: #232323; max-width: 700px">With a paid subscription, you can continue to use Legalboards to help you track, organize, and manage your workflow. With Legalboards you can.</p> |
|
|
| <div class="row w-100 justify-content-center my-lg-5"> |
| <div class="col-lg-4 px-lg-5 mb-lg-0 mb-3 alert-card"> |
| <img |
| src="https://app.legalboards.io/img/account-alert-1.svg" |
| class="img-fluid" |
| style="max-height: 140px" |
| /> |
| <h5 class="color-purple mt-3"><strong>Easily collaborate with your team</strong></h5> |
| <h6 style="line-height: 24px">Make sure everyone involved with a matter is kept up-to-date on it's progression with automatic updates</h6> |
| </div> |
| <div class="col-lg-4 px-lg-5 mb-lg-0 mb-3 alert-card"> |
| <img |
| src="https://app.legalboards.io/img/account-alert-2.svg" |
| class="img-fluid" |
| style="max-height: 140px" |
| /> |
| <h5 class="color-purple mt-3"><strong>Easily collaborate with your team</strong></h5> |
| <h6 style="line-height: 24px">Make sure everyone involved with a matter is kept up-to-date on it's progression with automatic updates</h6> |
| </div> |
| <div class="col-lg-4 px-lg-5 mb-lg-0 mb-3"> |
| <img |
| src="https://app.legalboards.io/img/account-alert-3.svg" |
| class="img-fluid" |
| style="max-height: 140px" |
| /> |
| <h5 class="color-purple mt-3"><strong>Easily collaborate with your team</strong></h5> |
| <h6 style="line-height: 24px">Make sure everyone involved with a matter is kept up-to-date on it's progression with automatic updates</h6> |
| </div> |
| </div> |
|
|
| <div style="background: #E0F9F8; border-radius:8px" class="p-4"> |
| <span class="mx-auto d-block" style="font-size: 18px; color: #232323; max-width: 700px">And, remember to take advantage of our data migration services where one of our specialists will help you get started on the right foot within Legalboards.</span> |
| </div> |
|
|
| <div class="row w-100 justify-content-center mt-5" ng-if="$root.isAccountOwner() || $root.hasAnyRole('admin')"> |
| <div class="col-lg-3 px-lg-4 mb-lg-0 mb-3"> |
| <a href="https://legalboards.com/demo-request/" target="_blank" class="btn btn-block btn-info text-uppercase p-lg-3" ng-click="confirmTrialsEnd()">Request a Free Setup</a> |
| </div> |
| <div class="col-lg-3 px-lg-4 mb-lg-0 mb-3"> |
| <button class="btn btn-block btn-purple text-uppercase p-lg-3" ng-click="exitTrialsEnd()" type="button">Continue Use</button> |
| </div> |
| <div class="col-lg-3 px-lg-4"> |
| <a href="https://app.legalboards.io/account/plans" class="btn btn-block btn-info text-uppercase p-lg-3" ng-click="confirmTrialsEnd()">Start your subscription</a> |
| </div> |
| </div> |
|
|
| <div class="row w-100 justify-content-center mt-5" ng-if="$root.hasAnyRole('member')"> |
| <div class="col-lg-3 px-lg-4 mb-lg-0 mb-3"> |
| <button class="btn btn-block btn-purple text-uppercase p-lg-3" ng-click="exitTrialsEnd()" type="button">Close</button> |
| </div> |
| </div> |
|
|
| </form> |
| </div> |
| </div> |
|
|
| <style> |
| .alert-card{ |
| position: relative; |
| } |
| .alert-card:after{ |
| font-family: "Font Awesome 5 Pro"; |
| content: "\f141"; |
| display: inline-block; |
| font-weight: 900; |
| position: absolute; |
| font-size: 40px; |
| top: 40px; |
| right: -20px; |
| color: #E6E6E6; |
| } |
| @media(max-width: 992px){ |
| .alert-card:after{ |
| display: none; |
| } |
| } |
| </style> |
| </script> |
|
|
| <script type="text/ng-template" id="board-wizard"> |
| <div class="modal-body modal-lg px-4 text-center"> |
| <h2 class="mb-3">Congrats on your first board!</h2> |
| <i class="fas fa-trophy h2 color-purple"></i> |
| <div class="row mt-4"> |
| <div class="col-12 py-3"> |
| <h4>Now, let’s add your cards</h4> |
| <button class="btn btn-purple px-lg-5 my-2" ng-click="wizardShowNewCard()">Next</button> |
| </div> |
| </div> |
| </div> |
| </script> |
| |
| <div id="manage-board-modal" class="slide-in-contaniner remove"> |
| <button class="close-btn btn" ng-click="closeBoardModal()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| |
| <div class="slide-in-menu p-3"> |
| <h6 class="title-boards-side">My Boards</h6> |
| <ul class="list-unstyled mt-3"> |
| <li |
| ng-repeat="board in boards | orderBy:'name' track by board.id" |
| ng-click="setModalBoard(board)" |
| ng-cloak |
| > |
| <a href="" ng-class="{ active: board.id === modalBoard.id }"> |
| <span class="expand">{{ board.name }}</span></a |
| > |
| </li> |
| </ul> |
| <hr /> |
| <ng-show |
| ng-cloak |
| ng-if="hasAnyRole('admin') && account_boards.length > 0" |
| > |
| <h6 class="title-boards-side">Account Boards</h6> |
| <ul class="list-unstyled mt-3"> |
| <li |
| ng-repeat="board in account_boards | orderBy:'name' track by board.id" |
| ng-click="setModalBoard(board)" |
| ng-cloak |
| > |
| <a |
| href="" |
| ng-class="{ active: board.id === modalBoard.id }" |
| > |
| <span class="expand">{{ board.name }}</span></a |
| > |
| </li> |
| </ul> |
| <hr /> |
| </ng-show> |
|
|
| <a |
| href="" |
| class="link btn bg-purple btn-block text-white mb-2 p-2" |
| ng-click="newBoardForm()" |
| style="font-weight: 400 !important;" |
| > |
| <i class="fa-regular fa-plus" style="margin-right: 5px !important;"></i> New Board |
| </a> |
| <a |
| href="" |
| class="link btn btn-secondary btn-block text-white mb-2 gallery-content p-2" |
| ng-click="openBoardTemplateGallery()" |
| style="font-weight: 400 !important;" |
| > |
| <i class="fa-regular fa-grid-2-plus" style="margin-right: 5px !important;"></i> Boards Gallery |
| </a> |
| </div> |
| |
|
|
| |
| <div class="slide-in-content" ng-if="modalBoard" ng-cloak> |
| <h3 |
| ng-show="
|
| isBoardOwner(AuthUser.account_user.id, modalBoard.teams) || |
| $root.hasAnyRole('admin') |
| " |
| > |
| Manage Board |
| </h3> |
| <div class="d-inline-block py-3 d-none"> |
| <a |
| href="" |
| class="link btn btn-secondary text-white gallery-content p-2" |
| ng-if="::hasAnyRole(['member', 'admin'])" |
| ng-click="confirmCopyBoard(activeBoard)" |
| > |
| <i class="fa-regular fa-notes"></i> Clone this board |
| </a> |
| <a |
| href="" |
| class="link btn btn-secondary ml-2 text-white gallery-content p-2" |
| ng-if="::hasAnyRole(['member', 'admin'])" |
| ng-click="exportBoard(activeBoard)" |
| > |
| <i class="fa-regular fa-download"></i> Export this board |
| </a> |
| <a |
| href="" |
| class="link btn btn-secondary ml-2 text-white gallery-content p-2" |
| ng-if="::hasAnyRole(['member', 'admin'])" |
| ng-click="openHistoryBoard(activeBoard)" |
| > |
| <i class="fa-regular fa-arrow-rotate-left"></i> Log board |
| </a> |
| </div> |
| <div class="linha-divisoria"></div> |
| <h3 |
| ng-show="
|
| !isBoardOwner(AuthUser.account_user.id, modalBoard.teams) && |
| !$root.hasAnyRole('admin') |
| " |
| > |
| {{ modalBoard.name }} |
| </h3> |
| <div |
| class="alert alert-success" |
| role="alert" |
| ng-show="alertManageBoardSuccess" |
| > |
| <span>{{ alertManageBoardSuccess }}</span> |
| </div> |
|
|
| <div |
| class="alert alert-info" |
| role="alert" |
| ng-show="alertManageBoardError" |
| > |
| <span>{{ alertManageBoardError }}</span> |
| </div> |
|
|
| <form |
| name="formEditBoard" |
| ng-submit="editBoard(modalBoard)" |
| ng-if="isBoardOwner(AuthUser.account_user.id, modalBoard.teams) || $root.hasAnyRole('admin')" |
| > |
| <h4 class="mt-3"> |
| <i class="fa-regular fa-pencil"></i> Board Name |
| </h4> |
| <div class="form-group"> |
| <input |
| type="text" |
| name="name" |
| class="form-control mb-2" |
| ng-model="modalBoard.name" |
| required |
| /> |
| <h6> |
| <strong>Created: </strong> {{ |
| modalBoard.created_at | amDateFormat: "MMM D, Y" |
| }} |
| </h6> |
| </div> |
| <div class="description"> |
| <h5 class="mb-3">Description</h5> |
|
|
| <div class="form-group"> |
| <textarea |
| rows="3" |
| name="description" |
| class="form-control" |
| ng-model="modalBoard.description" |
| ></textarea> |
| </div> |
| </div> |
|
|
| <div class="description" ng-if="
|
| $root.hasAnyRole('admin') || |
| ($root.hasAnyRole('member') && |
| isBoardOwner( |
| AuthUser.account_user.id, |
| modalBoard.teams |
| )) |
| "> |
| <h5 class="mb-3">Permissions</h5> |
|
|
| <div class="form-group row"> |
| <div class="pl-3 col-12 float-left"> |
| <label class="check-container" for="board-edit-permission-viewer"> |
| Hide Non-Member Cards for Viewers |
| <input |
| id="board-edit-permission-viewer" |
| type="checkbox" |
| ng-model="modalBoard.hide_cards_non_member_viewers" |
| ng-true-value="1" |
| ng-false-value="0" |
| class="form-check-input" |
| /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
|
|
| <div class="pl-3 col-12 float-left"> |
| <label class="check-container" for="board-edit-permission-member"> |
| Hide Non-Member Cards for Members |
| <input |
| id="board-edit-permission-member" |
| type="checkbox" |
| ng-model="modalBoard.hide_cards_non_member_members" |
| ng-true-value="1" |
| ng-false-value="0" |
| class="form-check-input" |
| /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
|
|
| <div class="pl-3 col-12 float-left"> |
| <label class="check-container" for="board-edit-permission-disable-automation-edit-to-members"> |
| Disable Automation Editing for Members |
| <input |
| id="board-edit-permission-disable-automation-edit-to-members" |
| type="checkbox" |
| ng-model="modalBoard.disable_automation_edit_to_members" |
| ng-true-value="1" |
| ng-false-value="0" |
| class="form-check-input" |
| /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
|
|
| <div class="pl-3 col-12 float-left"> |
| <label class="check-container" for="board-edit-permission-disable-column-edit-to-members"> |
| Disable Column Editing for Members |
| <input |
| id="board-edit-permission-disable-column-edit-to-members" |
| type="checkbox" |
| ng-model="modalBoard.disable_column_edit_to_members" |
| ng-true-value="1" |
| ng-false-value="0" |
| class="form-check-input" |
| /> |
| <span class="checkmark"></span> |
| </label> |
| </div> |
|
|
| </div> |
|
|
| </div> |
|
|
| <div> |
| <button |
| class="btn btn-primary btn-block" |
| type="submit" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| </div> |
| </form> |
|
|
| <h4 class="mt-5"><i class="fa-regular fa-tag"></i> Labels</h4> |
|
|
| <div class="board-list-label"> |
| <div |
| class="form-row label-item py-0" |
| ng-repeat="label in modalBoard.labels track by label.id" |
| ng-cloak |
| > |
| <div class="col-12 pl-3 align-self-center"> |
| <span > |
| <div class="display-label" ng-click="(isBoardOwner( |
| AuthUser.account_user.id, |
| modalBoard.teams |
| ) || $root.hasAnyRole('admin')) ? enableEditLabel($event, label): return;"> |
| <span |
| class="label-icon" |
| ng-style="{ background: label.color }" |
| ></span> |
| {{ label.value }} |
|
|
|
|
| <a |
| href="" |
| ng-click="confirmRemoveLabel($index, label)" |
| style="float: right; color: #e2e6ea" |
| class="btn ml-1" |
| ng-if="
|
| $root.hasAnyRole('admin') || |
| ($root.hasAnyRole('member') && |
| isBoardOwner( |
| AuthUser.account_user.id, |
| modalBoard.teams |
| )) |
| " |
| ><i class="fa-regular fa-trash" style="margin-right: 5px"></i></a> |
|
|
|
|
| <a |
| href="" |
| style="float: right; color: #e2e6ea" |
| class="btn" |
| ><i class="fa-regular fa-pen"></i></a> |
|
|
| </div> |
|
|
| <div ng-if="(isBoardOwner(AuthUser.account_user.id,modalBoard.teams) || $root.hasAnyRole('admin'))" class="display-label-form form-row label-item py-0 my-0" style="display: none;"> |
| <div class="col-1 align-self-center"> |
| <span> |
| <material-picker |
| ng-model="editingLabel.color" |
| format="'hex'" |
| size="12" |
| ng-show="showMaterialPicker" |
| ng-click="showMaterialPicker = !showMaterialPicker" |
| ></material-picker> |
| <i |
| class="fas fa-fill" |
| ng-click="showMaterialPicker = !showMaterialPicker" |
| ng-style="{ 'background-color': editingLabel.color }" |
| ></i> |
| </span> |
| </div> |
| <div class="col-10"> |
| <input |
| class="form-control" |
| type="text" |
| name="value" |
| placeholder="Label name" |
| ng-model="editingLabel.value" |
| /> |
| </div> |
| <div class="col-1 pr-2 text-right align-self-center"> |
| <button |
| type="button" |
| class="btn" |
| ng-click="updateLabel($event, editingLabel, modalBoard)" |
| > |
| <i class="fas fa-check-circle"></i> |
| </button> |
| <button |
| type="button" |
| class="btn" |
| ng-click="closeEditLabel($event)" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
| </div> |
| </div> |
| </span> |
| </div> |
| <div class="col-1 text-right ml-aut align-self-center"> |
|
|
|
|
|
|
|
|
| </div> |
| </div> |
| </div> |
|
|
| <div |
| class="form-row label-item" |
| ng-if="
|
| $root.hasAnyRole('admin') || |
| ($root.hasAnyRole('member') && |
| isBoardOwner( |
| AuthUser.account_user.id, |
| modalBoard.teams |
| )) |
| " |
| > |
| <div class="col-1 pl-2 align-self-center"> |
| <span> |
| <material-picker |
| ng-model="label.color" |
| format="'hex'" |
| size="12" |
| ng-show="showMaterialPicker" |
| ng-click="showMaterialPicker = !showMaterialPicker" |
| ></material-picker> |
| <i |
| class="fas fa-fill" |
| ng-click="showMaterialPicker = !showMaterialPicker" |
| ng-style="{ 'background-color': label.color }" |
| ></i> |
| </span> |
| </div> |
| <div class="col-10"> |
| <input |
| class="form-control" |
| type="text" |
| name="value" |
| placeholder="Add a new Label color" |
| ng-model="label.value" |
| ng-keydown="addLabelKeyDown($event, label)" |
| /> |
| </div> |
| <div class="col-1 pr-2 text-right align-self-center"> |
| <button |
| type="button" |
| class="btn" |
| ng-click="addLabel(label)" |
| ng-show="
|
| isBoardOwner( |
| AuthUser.account_user.id, |
| modalBoard.teams |
| ) || $root.hasAnyRole('admin') |
| " |
| > |
| <i class="fas fa-check-circle"></i> |
| </button> |
| </div> |
| </div> |
|
|
| <hr class="mt-5" /> |
|
|
| <h4 class="mt-5"> |
| <i class="fa-light fa-users"></i> Member(s) of this Board |
| </h4> |
|
|
| <div |
| class="form-row mt-3" |
| ng-show="modalBoard.account_team.length === 0" |
| > |
| <a href="#" ng-click="manageBoardOpenTeam()"> |
| <i class="fa-light fa-users"></i> |
| Team |
| </a> |
| </div> |
|
|
| <div class="row mb-4" ng-show="modalBoard.account_team.length > 0"> |
| <div class="col-6"> |
| <div class="search"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchMemberFilter" |
| placeholder="Search Names" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| </div> |
|
|
| <table |
| class="align-items-center list_members" |
| ng-show="modalBoard.account_team.length > 0" |
| > |
| <tr |
| ng-repeat="user in modalBoard.account_team | filter:searchMemberFilter track by user.id" |
| ng-if="modalBoard.account_team" |
| > |
| <td> |
| <div class="user-icon" ng-show="!user.avatar"> |
| {{ user.initials }} |
| </div> |
| <div |
| class="user-avatar raio-40" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ user.avatar }});" |
| ng-show="user.avatar" |
| ></div> |
| </td> |
| <td> |
| <strong> |
| {{ user.first_name }} {{ user.last_name }} |
| </strong> |
| <br /> |
| {{ user.roles[0].display_name }} |
| </td> |
| <td> |
| <span class="text-light">{{ user.email }}</span> |
| </td> |
| <td |
| ng-if="
|
| $root.hasAnyRole('admin') || |
| (isBoardOwner( |
| AuthUser.account_user.id, |
| modalBoard.teams |
| ) && |
| $root.hasAnyRole('member')) |
| " |
| > |
| <a |
| class="secondary add_button" |
| ng-if="!isTeamMember(user.id)" |
| ng-click="addTeamBoard(user.id)" |
| > |
| <i class="fas fa-check"></i> |
| Add |
| </a> |
| <a |
| class="secondary add_button" |
| ng-if="isTeamMember(user.id) && !isSameUser(user.id)" |
| ng-click="removeTeamBoard(user.id)" |
| > |
| <i class="fas fa-minus"></i> |
| Remove |
| </a> |
|
|
| <span |
| ng-if="isTeamMember(user.id) && isSameUser(user.id)" |
| class="badge badge-pill badge-primary" |
| >Administrator |
| </span |
| > |
| </td> |
| </tr> |
| </table> |
|
|
| <ng-show |
| ng-if="
|
| isBoardOwner(AuthUser.account_user.id, modalBoard.teams) || |
| $root.isAccountOwner() |
| " |
| > |
| <h4 class="mt-5"> |
| <i class="fa-regular fa-paper-plane"></i> |
| Invite new members |
| </h4> |
|
|
| <table |
| class="align-items-center list_members" |
| ng-show="modalBoard.invitations.length > 0" |
| > |
| <tr |
| ng-repeat="invitation in modalBoard.invitations track by invitation.id" |
| ng-show="modalBoard.invitations" |
| > |
| <td> |
| <strong>{{ invitation.name }}</strong> |
| </td> |
| <td> |
| <span class="text-light">{{ invitation.email }}</span> |
| </td> |
| <td> |
| <a |
| class="secondary add_button" |
| ng-click="confirmRemoveBoardInvitation(invitation)" |
| > |
| <i class="fas fa-minus"></i> |
| Remove |
| </a> |
| </td> |
| </tr> |
| </table> |
|
|
| <div |
| class="alert alert-success" |
| role="alert" |
| ng-show="alertTeamSuccess" |
| > |
| <span>{{ alertTeamSuccess }}</span> |
| </div> |
|
|
| <div class="alert alert-info" role="alert" ng-show="alertTeamError"> |
| <span>{{ alertTeamError }}</span> |
| </div> |
|
|
| <form |
| name="formInvite" |
| ng-submit="submitInvite(invite, formInvite)" |
| > |
| <div class="form-row row"> |
| <div class="col-md-6 mt-3"> |
| <label>Name</label> |
| <input |
| type="text" |
| class="form-control" |
| required |
| name="name" |
| ng-model="invite.name" |
| /> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formInvite.name.$dirty && |
| formInvite.name.$error.required |
| " |
| > |
| This field is required. |
| </span> |
| </div> |
|
|
| <div class="col-md-6 mt-3"> |
| <label>Email</label> |
| <input |
| type="email" |
| class="form-control" |
| required |
| name="email" |
| ng-model="invite.email" |
| /> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formInvite.email.$dirty && |
| formInvite.email.$error.required |
| " |
| > |
| This field is required. |
| </span> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formInvite.email.$dirty && |
| formInvite.email.$error.email |
| " |
| >Enter a valid email. |
| </span> |
| </div> |
| </div> |
| <div class="form-row row mt-4"> |
| <div class="col col-md-8"> |
| |
|
|
| <ui-select |
| ng-model="invite.role" |
| theme="select2" |
| > |
| <ui-select-match placeholder="Permission Group"> |
| {{ invite.role.display_name }} |
| </ui-select-match> |
| <ui-select-choices repeat="role in account_roles | filter:$select.search track by role.id"> |
| {{ role.display_name }} |
| </ui-select-choices> |
| </ui-select> |
| |
| </div> |
|
|
| <div class="col-md-4"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block" |
| ng-disabled="formInvite.$invalid" |
| ng-class="{ loading: loading }" |
| > |
| Invite |
| </button> |
| </div> |
| </div> |
| </form> |
|
|
| <hr class="mt-5" /> |
| </ng-show> |
|
|
| <div |
| class="mt-5 mb-4 pb-5" |
| ng-show="
|
| isBoardOwner(AuthUser.account_user.id, modalBoard.teams) || |
| $root.hasAnyRole('admin') |
| " |
| > |
| <h4 class="mb-3"> |
| <i class="fa-regular fa-trash"></i> Delete Board |
| </h4> |
| <p> |
| Deleting this board, you will also delete its columns and note cards. Matters and contacts cards will be kept in the system. |
| </p> |
| <button |
| type="button" |
| class="btn btn-danger close-form-tab" |
| ng-if="
|
| isBoardOwner( |
| AuthUser.account_user.id, |
| modalBoard.teams |
| ) || $root.hasAnyRole('admin') |
| " |
| ng-click="confirmRemoveBoard()" |
| style="font-weight: 400 !important;" |
| > |
| <i class="fa-regular fa-trash" style="margin-right: 5px !important;"></i> Delete this Board |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| <div id="new-board-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button class="close-btn btn" type="button" ng-click="closeNewBoardForm()"> |
| <i class="fas fa-times"></i> |
| </button> |
| |
| <div class="slide-in-content" style="width: 100%"> |
| <h3>New Board</h3> |
|
|
| <form |
| name="formNewBoard" |
| ng-submit="createBoard(newBoard, formNewBoard)" |
| class="pb-5" |
| > |
| <div class="form-group"> |
| <label for="name">Board Name</label> |
| <input |
| type="text" |
| name="name" |
| class="form-control" |
| ng-model="newBoard.name" |
| required |
| /> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewBoard.name.$dirty && |
| formNewBoard.name.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-group"> |
| <label for="description">Description</label> |
| <textarea |
| rows="5" |
| name="description" |
| class="form-control" |
| ng-model="newBoard.description" |
| ></textarea> |
| </div> |
|
|
| <h4 class="mt-5"> |
| <i class="fas fa-columns"></i> Columns |
| </h4> |
|
|
| <div |
| class="form-row label-item" |
| ng-repeat="list in newBoard.lists track by $index" |
| ng-cloak |
| > |
| <div class="col-8 pl-2 align-self-center"> |
| <span> {{ list.name }} </span> |
| </div> |
| <div class="col-4 text-right ml-aut align-self-center"> |
| <a |
| href="" |
| ng-click="newBoard.lists.splice($index, 1)" |
| style="float: right; color: #e2e6ea" |
| class="btn" |
| > |
| <i class="fas fa-trash"> </i> |
| </a> |
| </div> |
| </div> |
|
|
| <div class="form-row label-item"> |
| <div class="col-11"> |
| <input |
| class="form-control" |
| type="text" |
| name="list_name" |
| placeholder="Add a new Column" |
| ng-model="list.name" |
| ng-keydown="addListToNewBoard(newBoard, list, $event)" |
| /> |
| </div> |
| <div class="col-1 pr-2 text-right align-self-center"> |
| <button |
| type="button" |
| class="btn btn-add" |
| ng-click="addListToNewBoard(newBoard, list)" |
| > |
| <i class="fas fa-check-circle"></i> |
| </button> |
| </div> |
| </div> |
|
|
| <h4 class="mt-5"><i class="fas fa-tag"></i> Labels</h4> |
|
|
| <div |
| class="form-row label-item" |
| ng-repeat="label in newBoard.labels track by $index" |
| ng-cloak |
| > |
| <div class="col-8 pl-2 align-self-center"> |
| <span> |
| <span |
| class="label-icon" |
| ng-style="{ background: label.color }" |
| > |
| </span> |
| {{ label.value }} |
| </span> |
| </div> |
| <div class="col-4 text-right ml-aut align-self-center"> |
| <a |
| href="" |
| ng-click="newBoard.labels.splice($index, 1)" |
| style="float: right; color: #e2e6ea" |
| class="btn" |
| ><i class="fas fa-trash"></i |
| ></a> |
| </div> |
| </div> |
|
|
| <div class="form-row label-item"> |
| <div class="col-1 pl-2 align-self-center"> |
| <span> |
| <material-picker |
| ng-model="label.color" |
| format="'hex'" |
| size="12" |
| ng-show="showMaterialPickerNewBoard" |
| ng-click="showMaterialPickerNewBoard = !showMaterialPickerNewBoard" |
| name="material_picker" |
| ></material-picker> |
| <i |
| class="fas fa-fill" |
| ng-click="showMaterialPickerNewBoard = !showMaterialPickerNewBoard" |
| ng-style="{ 'background-color': label.color }" |
| ></i> |
| </span> |
| </div> |
| <div class="col-10"> |
| <input |
| class="form-control" |
| type="text" |
| name="label_value" |
| placeholder="Add a new Label color" |
| ng-model="label.value" |
| ng-keydown="addLabelKeyDownToNewBoard($event, newBoard, label)" |
| /> |
| </div> |
| <div class="col-1 pr-2 text-right align-self-center"> |
| <button |
| type="button" |
| class="btn btn-add" |
| ng-click="addLabelToNewBoard(newBoard, label)" |
| > |
| <i class="fas fa-check-circle"></i> |
| </button> |
| </div> |
| </div> |
| <br /> |
|
|
| <button |
| class="btn btn-primary btn-block mt-3" |
| type="submit" |
| ng-disabled="formNewBoard.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-light btn-block" |
| type="reset" |
| ng-click="closeNewBoardForm()" |
| > |
| Cancel |
| </button> |
| </form> |
| </div> |
| </div> |
| |
| <div id="view-card" class="slide-in-contaniner account-modal-details remove" ng-class="{ |
| 'card-matter': |
| viewCard.sourceMatter, |
| 'card-contact': |
| viewCard.sourceContact, |
| 'card-note': |
| !viewCard.sourceContact || |
| !viewCard.sourceMatter |
| }"> |
|
|
|
|
| <button type="button" class="close-btn btn" ng-click="closeViewCardModal()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
|
|
| |
| <div class="slide-in-menu" style="overflow: hidden;"> |
|
|
| <div class="bg-grey padding-menu-card"> |
|
|
| <div class="row align-items-center"> |
| <div class="col-9 pr-0"> |
| <span class="font-weight-normal text-truncate d-block text-light" style="font-size:9px;"> |
| <ng-show ng-if="viewCard.sourceContact.type2 === 'pj'">Company Card</ng-show> |
| <ng-show ng-if="viewCard.sourceContact.type2 === 'pf'">Person Card</ng-show> |
| <ng-show ng-if="viewCard.sourceMatter">Matter Card</ng-show> |
| <ng-show ng-if="!viewCard.sourceContact && !viewCard.sourceMatter">Note Card</ng-show> |
|
|
| </span> |
| <h3 class="text-truncate mb-0" style="font-size:16px">{{ viewCard.title }}</h3> |
| <span class="font-weight-normal text-truncate d-block" style="font-size:12px;"> |
| {{ viewCard.subtitle }} |
| </span> |
| <select class="select_colunm" ng-change="changeCardColumn()" ng-model="changeList" ng-options="list.name for list in lists track by list.id"> |
| </select> |
| </div> |
| <div class="col-3 text-right"> |
| <span id="open_dropdown_view" |
| ng-disabled="!hasAnyRole(['admin', 'member'])" |
| ng-click="$event.stopPropagation(); openDropdownEditCard('view')" class="btn p-1"> |
| <i class="fas fa-ellipsis-v text-light"></i> |
| </span> |
|
|
| <div class="dropdown-menu card-actions-list p-0 dropdown_card_menu" style="width: 220px;" id="open_dropdown_menu_{{viewCard.id}}"> |
| <h5 class="card-action-title"> |
| Card Actions |
| </h5> |
| <div class="d-flex flex-card" id="pills-tab-{{viewCard.id}}"> |
| <button class="btn" ng-click="$event.stopPropagation(); openEditCardModel(viewCard, 'details')"> |
| <i class="fa-regular fa-pen"></i>Edit Card |
| </button> |
| <button class="btn" ng-click="$event.stopPropagation(); archiveCard(viewCard)"> |
| <i class="fa-regular fa-archive"></i>Archive Card |
| </button> |
| <button ng-if="!viewCard.pin_date" class="btn" ng-click="$event.stopPropagation(); setPinCard(viewCard)"> |
| <i class="fa-regular fa-map-pin"></i>Pin Card |
| </button> |
| <button ng-if="viewCard.pin_date" class="btn" ng-click="$event.stopPropagation(); removePinCard(viewCard)"> |
| <i class="fa-regular fa-map-pin"></i>Remove Pin |
| </button> |
| <button class="btn" ng-click="$event.stopPropagation(); openEditCardModel(viewCard, 'members')"> |
| <i class="fa-regular fa-user"></i>Edit Members |
| </button> |
| <button class="btn" ng-click="$event.stopPropagation(); confirmDeleteCard(viewCard)"> |
| <i class="fa-regular fa-trash"></i>Delete Card |
| </button> |
| <button class="btn" ng-click="$event.stopPropagation(); copyCard(viewCard)"> |
| <i class="fa-regular fa-copy"></i>Duplicate |
| </button> |
| <a ng-href="{{ buildViewCardExportUrl() }}" class="btn" ng-click="$event.stopPropagation(); copyCard(viewCard)"> |
| <i class="fas fa-download"></i>Export Card |
| </a> |
| <button class="btn" ng-click="copyViewCardUrl()"> |
| <i class="fas fa-link" style="margin-left: -5px;"></i>Card Link Copy |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="row pt-2 align-items-center"> |
| <div class="col-6"> |
| <ng-show ng-show="viewCard.labels.length > 0" ng-cloak> |
| <span ng-repeat="label in viewCard.labels" title="{{label.value}}" title-direction="left" |
| class="card-color mr-1" style="background-color: {{label.color}}"></span> |
| </ng-show> |
|
|
| </div> |
| <div class="col-6 pl-0 text-right"> |
| <div class="float-right"> |
| <ng-repeat ng-repeat="member in viewCard.members track by member.id" ng-cloak> |
| <div class="user-avatar user-avatar-list raio-30" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ ::member.account_user.user.avatar }});"> |
| <span ng-show="::!member.account_user.user.avatar"> |
| {{ ::member.account_user.user.initials }} |
| </span> |
| </div> |
| </ng-repeat> |
| </div> |
|
|
| </div> |
| </div> |
|
|
|
|
| </div> |
|
|
|
|
| <div class="margin-botton" ng-if="!loadingOpenViewCard && (viewCard.sourceContact || viewCard.sourceMatter) && hasAsset('Clio')" ng-cloak > |
| <a class="action-butt" title="Open Clio" title-direction="left" ng-href="https://{{ $root.AuthUser.account.clio_subdomain ? $root.AuthUser.account.clio_subdomain + '.' : '' }}app.clio.com/nc/#/matters/{{ |
| viewCard.sourceMatter.id |
| }}" target="_blank" ng-if="::!hasAnyRole('viewer') && viewCard.sourceMatter"> |
| <i class="fas fa-external-link-alt"></i> |
| </a> |
|
|
| <a class="action-butt" title="Open Clio" title-direction="left" ng-href="https://{{ $root.AuthUser.account.clio_subdomain ? $root.AuthUser.account.clio_subdomain + '.' : '' }}app.clio.com/nc/#/contacts/{{ |
| viewCard.sourceContact.contact.rel_external |
| }}" target="_blank" |
| ng-if="::!hasAnyRole('viewer') && $root.hasContactModule() && viewCard.sourceContact && viewCard.sourceContact.contact"> |
| <i class="fas fa-external-link-alt"></i> |
| </a> |
|
|
| <button |
| type="button" |
| title="Convert to Matter" |
| title-direction="left" |
| ng-if="::!hasAnyRole('viewer') && |
| $root.hasContactModule() && |
| viewCard.sourceContact && |
| viewCard.sourceContact.contact" |
| ng-click="$root.showConvertContactToMatterComponent = 1" |
| class="action-butt" |
| > |
| <i class="fad fa-sync"></i> |
| </button> |
|
|
| <button title="Edit Contact" title-direction="left" |
| ng-click="openEditContactModal(viewCard.sourceContact)" class="action-butt" |
| ng-if="::$root.hasContactModule() && viewCard.sourceContact && hasAnyRole(['admin', 'member'])"> |
| <i class="fas fa-user"></i> |
| </button> |
| <button class="action-butt" title="Start timer" title-direction="left" |
| ng-show="!$root.timerRunning" ng-click="saveTimer(viewCard)" type="button"> |
| <i class="fas fa-stopwatch"></i> |
| </button> |
| <button class="action-butt" title="New Task" title-direction="left" ng-click="openClioTaskForm()" |
| ng-if="::!hasAnyRole('viewer')" type="button"> |
| <i class="fas fa-plus"></i> |
| </button> |
| <a class="action-butt" title="Task Board" title-direction="left" |
| ng-href="{{ buildClioTaskUrl(viewCard) }} "> |
| <i class="fas fa-th-large"></i> |
| </a> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| </div> |
|
|
|
|
|
|
| <div class="margin-botton" ng-if="!loadingOpenViewCard && (viewCard.sourceContact ||viewCard.sourceMatter) && hasAsset('Legalboards')" ng-cloak> |
|
|
| <button |
| type="button" |
| title="Convert to Matter" |
| title-direction="left" |
| ng-if="::!hasAnyRole('viewer') && |
| $root.hasContactModule() && |
| viewCard.sourceContact && |
| viewCard.sourceContact.contact" |
| ng-click="$root.showConvertContactToMatterComponent = 1" |
| class="action-butt" |
| > |
| <i class="fad fa-sync"></i> |
| </button> |
|
|
| <button title="Edit Contact" title-direction="left" |
| ng-click="openEditContactModal(viewCard.sourceContact)" class="action-butt" |
| ng-if="::viewCard.sourceContact && $root.hasContactModule() && hasAnyRole(['admin', 'member'])"> |
| <i class="fas fa-user"></i> |
| </button> |
|
|
| <button class="action-butt" title="Edit Matter" title-direction="left" |
| ng-click="openEditCaseModal(viewCard.sourceMatter)" |
| ng-show="::viewCard.sourceMatter && hasAnyRole(['admin', 'member'])" |
| ng-clock> |
| <i class="fas fa-suitcase"></i> |
| </button> |
| <button class="action-butt" title="Start timer" title-direction="left" |
| ng-click="saveTimer(viewCard)" type="button" ng-if="hasAnyRole(['admin', 'member'])"> |
| <i class="fas fa-stopwatch"></i> |
| </button> |
| <button class="action-butt" title="New Task" title-direction="left" ng-click="openNewTaskModal()" |
| ng-if="::!hasAnyRole('viewer') && hasAsset('Tasks')" type="button"> |
| <i class="fas fa-plus"></i> |
| </button> |
| <a class="action-butt" title="Task Board" title-direction="left" ng-if="::!hasAnyRole('viewer')" |
| ng-href="{{ buildTaskUrl(viewCard) }} "> |
| <i class="fas fa-th-large"></i> |
| </a> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| </div> |
| <div class="margin-botton" ng-if="!loadingOpenViewCard && !viewCard.sourceContact && !viewCard.sourceMatter" ng-cloak> |
| <button type="button" class="action-butt" href="" title="Convert to Matter" title-direction="left" |
| ng-click="openConvertToMatter(viewCard)" ng-if="$root.hasAnyRole(['admin', 'member'])"> |
| <i class="fad fa-sync"></i> |
| </button> |
|
|
| <button class="action-butt" href="" title="Edit Note" title-direction="left" |
| class="btn btn-primary btn-sm" ng-if="::!hasAnyRole('viewer')" |
| ng-click="openLegalboardEditNoteForm(viewCard)" |
| ng-disabled="!hasAnyRole(['admin', 'member'])"> |
| <i class="fas fa-sticky-note"></i> |
| </button> |
| <button class="action-butt" title="Start timer" title-direction="left" |
| ng-if="hasAnyRole(['admin', 'member'])" |
| ng-click="saveTimer({card: viewCard})" type="button" |
| > |
| <i class="fas fa-stopwatch"></i> |
| </button> |
| <button class="action-butt" title="New Task" title-direction="left" ng-click="openNewTaskModal()" |
| ng-if="::!hasAnyRole('viewer') && hasAsset('Tasks')" type="button"> |
| <i class="fas fa-plus"></i> |
| </button> |
| <a class="action-butt" title="Task Board" title-direction="left" ng-if="::!hasAnyRole('viewer')" |
| ng-href="{{ buildTaskUrl(viewCard) }} "> |
| <i class="fas fa-th-large"></i> |
| </a> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
|
|
| </div> |
|
|
|
|
|
|
| <div class="clearfix"></div> |
| <ul class="list-unstyled"> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'overview'}" ng-click="toggleCardTab('overview')"><i |
| class="fas fa-tachometer-slowest"></i> |
| <span class="expand">Overview |
| </span></a> |
| </li> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'follow_ups'}" ng-click="toggleCardTab('follow_ups')"> |
| <i class="fas fa-comment-alt-lines"></i> |
| <span class="expand">Timeline |
| <span ng-show="::!hasAsset('Legalboards')"><i class="fa fa-exclamation-circle exclusive-feature" |
| title="This is an exclusive feature!"></i></span> |
| </span> |
| </a> |
| </li> |
| <li |
| ng-if="!loadingOpenViewCard && hasAsset('Tasks') && ((hasAsset('Clio') ? !viewCard.sourceMatter : true) || hasAsset('Legalboards'))"> |
| <a href="" ng-class="{'active': viewCardTab === 'tasks'}" ng-click="toggleCardTab('tasks')" |
| ng-if="::hasAsset('Tasks')"> |
| <i class="fas fa-check-square"></i> |
| <span class="expand">Tasks |
| </span></a> |
| </li> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'timesheets'}" ng-click="toggleCardTab('timesheets')"> |
| <i class="fas fa-clock"></i> |
| <span class="expand">Time Entry |
| </a> |
| </li> |
| <li |
| ng-if="!loadingOpenViewCard && $root.hasCustomFieldsModule() && (hasAsset('Clio') ? !viewCard.sourceMatter : true)"> |
| <a href="" ng-class="{'active': viewCardTab === 'custom-data'}" ng-click="toggleCardTab('custom-data')"> |
| <i class="fas fa-plus-circle"></i> |
| <span class="expand">Custom Fields</span> |
| </a> |
| </li> |
|
|
| <ng-if ng-if="hasAsset('Clio') && viewCard.sourceMatter"> |
| <li ng-if="hasAnyRole('admin')"> |
| <a href="" ng-class="{'active': viewCardTab === 'clio-activities'}" |
| ng-click="toggleCardTab('clio-activities')"><i class="far fa-list"></i> |
| <span class="expand">Activities</span> |
| </a> |
| </li> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'clio-tasks' || viewCardTab == 'tasks'}" |
| ng-click="toggleCardTab('clio-tasks')"><i class="fas fa-check-square"></i> |
| <span class="expand">Tasks</span> |
| </a> |
| </li> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'clio-notes'}" |
| ng-click="toggleCardTab('clio-notes')"><i class="fas fa-sticky-note"></i> |
| <span class="expand">Notes</span> |
| </a> |
| </li> |
| </ng-if> |
|
|
| <ng-if ng-if="hasAsset('Clio') && (viewCard.sourceMatter || viewCard.sourceContact)"> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'clio-communications'}" |
| ng-click="toggleCardTab('clio-communications')"><i class="fas fa-phone"></i> |
| <span class="expand">Communications</span> |
| </a> |
| </li> |
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('LawPay') && hasAnyRole('admin')"> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'lawpay-payments'}" |
| ng-click="toggleCardTab('lawpay-payments')"><i class="fas fa-usd-square"></i> |
| <span class="expand">Payments</span> |
| </a> |
| </li> |
| </ng-if> |
|
|
| <ng-if ng-if="::hasDocumentAsset()"> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'documents'}" |
| ng-click="toggleCardTab('documents')"><i class="fas fa-archive"></i> |
| <span class="expand">Documents</span> |
| </a> |
| </li> |
| </ng-if> |
|
|
| <ng-if ng-if="hasAsset('ClickSign') && hasDocumentAsset() && (viewCard.contact_id || viewCard.matter_id)"> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'signedDocuments'}" |
| ng-click="toggleCardTab('signedDocuments')"><i class="fa-solid fa-file-signature"></i> |
| <span class="expand">Signed Documents</span> |
| </a> |
| </li> |
| </ng-if> |
|
|
| <ng-if ng-if="hasAsset('DocuPlayer')"> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'docuplayer-videos'}" |
| ng-click="toggleCardTab('docuplayer-videos')"><i class="fas fa-video"></i> |
| <span class="expand">DocuPlayer</span> |
| </a> |
| </li> |
| </ng-if> |
|
|
| <ng-if ng-if="hasAsset('Publications') && viewCard && viewCard.matter && viewCard.matter.publications.length > 0"> |
| <li> |
| <a href="" ng-class="{'active': viewCardTab === 'publications'}" |
| ng-click="toggleCardTab('publications')"><i class="fa-sharp fa-solid fa-envelope-open-text"></i> |
| <span class="expand">Publications</span> |
| </a> |
| </li> |
| </ng-if> |
| </ul> |
|
|
| <h6 class="mb-4 mt-4" style="opacity: 0;" id="copy-clipboard-open-card" ng-click="copyViewCardUrl()"> |
| <div class="row"> |
|
|
| <div class="col-11 mx-0 pr-1"> |
| <small>Share this Card</small> |
| <input type="text" class="form-control p-1" ng-value="buildViewCardUrl()" readonly /> |
| </div> |
| <div class="col-1 px-0 mx-0 mt-4" style="margin-top: auto; margin-bottom: auto;"> |
| <a href="javascript:;"> |
| <i class="fal fa-copy"></i> |
| </a> |
| </div> |
| </div> |
| </h6> |
| </div> |
| |
| <section ng-hide="loadingOpenViewCard"> |
| <ng-if ng-if="!viewCard.sourceContact && !viewCard.sourceMatter"> |
| <ng-if ng-if="
|
| !viewCard.sourceContact && |
| !viewCard.sourceMatter && |
| viewCardTab === 'overview' |
| "> |
| |
| <div class="slide-in-content p-0"> |
| |
| <div class="p-4"> |
| <h3 class="mb-2" ng-clock> |
| <i class="icon-type plr-13 fas fa-sticky-note bg-greenlb"></i> |
| {{ viewCard.title }} |
| </h3> |
| <h5 class="font-weight-normal">{{ viewCard.subtitle }}</h5> |
| </div> |
|
|
| <div class="px-4 d-flex justify-content-start view-card-internal-tab"> |
| <h4 class="title-view-card pr-4 tab-checklist" |
| ng-class="{'tab-disable': viewCardTabInternal == 'checklist'}" |
| ng-click="viewCardTabInternal = 'checklist'"> |
| <i class="fad fa-clipboard"></i> Checklist |
| </h4> |
| <h4 class="title-view-card pl-4 tab-details" ng-class="{'tab-disable': viewCardTabInternal == 'details'}" |
| ng-click="viewCardTabInternal = 'details'"> |
| <i class="fad fa-info-square"></i> Details |
| </h4> |
| </div> |
|
|
| <div class="px-4 row border-botton"></div> |
|
|
| <div id="view-card-checklist-div" ng-show="viewCardTabInternal === 'checklist'"> |
| <div class="px-4 row mb-0 py-2" ng-cloak |
| ng-if="viewCard.check_list_items && viewCard.check_list_items.length == 0"> |
| <div class="col-12" ng-if="::!hasAnyRole('viewer')"> |
| <h4 class="title-view-card"><i class="fad fa-clipboard"></i> Start a Checklist</h4> |
| </div> |
| <form class="col-12" ng-submit="saveCheckListItem(item)" ng-if="::!hasAnyRole('viewer')"> |
| <div class="form-group"> |
| <input class="form-control form-control-lg" type="text" ng-model="item.name" |
| placeholder="Create a new item here..." /> |
| </div> |
| </form> |
| </div> |
|
|
| <div class="accordion checklist-accordion w-100 px-3 mt-3" id="checklistAccordion"> |
|
|
| <div class="card border-0 mb-3" ng-repeat="check_list in viewCard.check_list_items"> |
| <div class="card-header py-1 pr-3 pl-3 position-relative"> |
| <button class="btn btn-block py-2 text-left p-0 text-decoration-none" type="button"> |
| <span class="badge badge-pill bg-purple text-white mr-1"> |
| {{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}% |
| </span> |
| <span class="text-dark" type="button" data-toggle="collapse" |
| data-target="#checklist-{{check_list.id}}" aria-expanded="true" |
| aria-controls="checklist-{{check_list.id}}" |
| > |
| {{ check_list.title}} |
| </span> |
| <a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)" |
| ng-click="openEditChecklist(check_list.id)"><i class="fa fa-pencil"></i></a> |
| <a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)" |
| ng-if="noShowContent(check_list.id, viewCard.check_list_items[0]['id'])" |
| ng-click="deleteCheckLists(check_list.id)"><i class="fa fa-trash-alt"></i></a> |
|
|
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" href="javascript:void(0)" |
| data-toggle="collapse" data-target="#checklist-{{check_list.id}}" aria-expanded="true" |
| aria-controls="checklist-{{check_list.id}}"><i class="fa fa-chevron-down"></i></a> |
|
|
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" style="display: none;" |
| href="javascript:void(0)" id="button_hide_complete_checklist_{{check_list.id}}" |
| ng-click="viewButtonListCompleted(true, check_list.id)"> |
| <i class="fa fa-eye-slash mr-1"></i> Hide Completed Checklist |
| </a> |
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" |
| href="javascript:void(0)" ng-if="isCheckedButton(check_list.items)" |
| id="button_show_complete_checklist_{{check_list.id}}" |
| ng-click="viewButtonListCompleted(false, check_list.id)" |
| > |
| <i class="fa fa-eye mr-1"></i>View Completed Checklist |
| </a> |
| </button> |
| |
| <form style="display: none; top:4px; left:0px;background:#f1f3f7;" class="form-group position-absolute mb-0 w-100" |
| id="edit_title_check_list_{{check_list.id}}" ng-submit="editCheckList(check_list)"> |
| <input type="text" class="form-control new-item py-2" id="inlineFormInputName2" ng-model="check_list.title" style="border-radius: 4px !important"> |
| <button type="submit" class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:10px;top:6px"> |
| <i class="fa fa-save"></i> |
| </button> |
| </form> |
| </div> |
|
|
| <div id="checklist-{{check_list.id}}" data-ids="{{check_list.id}}" class="collapse" |
| ng-class="{show: !noShowContent(check_list.id, viewCard.check_list_items[0]['id'])}" |
| data-parent="#checklistAccordion"> |
| <div class="card-body p-0 pt-3"> |
|
|
| <div class="progress mb-3 mx-3"> |
| <div |
| class="progress-bar text-sm" |
| ng-style="{'width': (check_list.items_completed_count / check_list.items_count * 100) + '%'}" |
| role="progressbar" |
| aria-valuenow="{{ check_list.items_completed_count / check_list.items_count * 100 }}" |
| aria-valuemin="0" |
| aria-valuemax="100" |
| > |
| <span>{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%</span> |
| </div> |
| </div> |
|
|
| |
| <div |
| id="list_no_checked{{check_list.id}}" |
| class="col-12 px-0 sortable-checklist-items" |
| ui-sortable="sortableCheckListItemsOptions" |
| ng-model="check_list.unchecked" |
| > |
| <a-transclusion-directive> |
| <div |
| class="sortable-checklist-item" |
| ng-repeat="item in check_list.unchecked" |
| > |
| <form class="col-12 complete px-3 mb-1" ng-submit="saveCheckListItem(item, check_list)"> |
| <div class="d-flex"> |
| <div class="draggable align-items-center px-3"> |
| <i class="fas fa-grip-lines"></i> |
| </div> |
| <div> |
| <input |
| type="checkbox" |
| class="checkbox_checklist" |
| aria-label="Checkbox for following text input" |
| ng-model="item.checked" |
| ng-change="saveCheckListItem(item, check_list)" |
| ng-true-value="1" |
| ng-false-value="0" |
| /> |
| </div> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-blur="saveCheckListItem(item, check_list)" |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button class="btn p-0 btn-disable-danger" type="button" |
| ng-click="deleteCheckListsItems(item)"> |
| <i class="fa fa-trash text-sm"></i> |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </a-transclusion-directive> |
| |
| <form class="pt-2" ng-submit="saveCheckListItem(newItem, check_list)" |
| ng-if="::!hasAnyRole('viewer')"> |
| <div class="form-group position-relative mb-0"> |
| <input class="form-control form-control-lg new-item pr-5" autocomplete="off" type="text" |
| name="name" ng-model="newItem.name" |
| placeholder="Create a new item here..." /> |
| <button class="btn btn-primary position-absolute p-0" |
| style="width: 25px;height: 25px;border-radius:50px!important;right:10px;top:11px !important"><i |
| class="far fa-check"></i></button> |
| </div> |
| </form> |
| </div> |
|
|
| |
| <div |
| ng-if="isCheckedButton(check_list.items)" |
| id="list_checked_{{check_list.id}}" |
| class="col-12 px-0 py-3 sortable-checklist-items" |
| style="display: none" |
| ui-sortable="sortableCheckListItemsOptions" |
| ng-model="check_list.checked" |
| > |
| <div |
| class="sortable-checklist-item" |
| ng-repeat="item in check_list.checked" |
| > |
| <form |
| class="col-12 complete completed-checklist mb-1" |
| ng-submit="saveCheckListItem(item, check_list)" |
| > |
| <div class="d-flex"> |
| <div class="draggable align-items-center px-3"> |
| <i class="fas fa-grip-lines"></i> |
| </div> |
| <div> |
| <input type="checkbox" class="checkbox_checklist" |
| aria-label="Checkbox for following text input" ng-model="item.checked" |
| ng-change="saveCheckListItem(item, check_list)" ng-true-value="1" |
| ng-false-value="0" /> |
| </div> |
| <div class="flex-fill px-2"> |
| <input class="form-control py-0 px-2 bg-white" type="text" ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-blur="saveCheckListItem(item, check_list)" /> |
| </div> |
| <div class="align-self-center"> |
| <button class="btn btn-disable-danger p-0" type="button" |
| ng-click="deleteCheckListsItems(item)"> |
| <i class="fa fa-trash"></i> |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| </div> |
| </div> |
|
|
|
|
|
|
|
|
|
|
| </div> |
| |
| </div> |
|
|
|
|
| <div class="row mb-0 py-3 px-4" id="formAddChecklist" ng-cloak |
| ng-if="viewCard.check_list_items && viewCard.check_list_items.length > 0"> |
|
|
| <div class="col-12 text-center" ng-if="::!hasAnyRole('viewer')"> |
| <button class="btn btn-primary" id="butSHowformNewChecklist" |
| onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)"><i class="far fa-plus mr-2"></i> New group</button> |
| </div> |
|
|
| <form class="col-12" ng-submit="saveCheckListItem(newChecklist)" id="formNewChecklist" |
| ng-if="::!hasAnyRole('viewer')" style="display: none;"> |
| <h4 class="color-purple">Add a New Checklist Group</h4> |
| <div class="form-group m-0 position-relative mb-2"> |
|
|
| <input class="form-control bg-white" autocomplete="off" |
| style="background: #fff!important;box-shadow :0 0 17px rgb(111 128 151 / 13%);padding-right:180px;" type="text" |
| id="newChecklist-title" ng-model="newChecklist.title" placeholder="New Checklist Group"> |
| <button class="btn-link position-absolute text-decoration-none" type="button" style="color:#7B8A9F !important;right:120px; top:11px" id="butHideformNewChecklist" |
| onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)">Cancel</button> |
| <button class="btn btn-primary px-3 py-1 position-absolute" ng-disabled="!newChecklist.title" |
| style="height: 34px;right:10px;top:6px;" |
| onclick="$('#button_hide_complete_checklist').fadeOut();$('#button_show_complete_checklist').fadeIn();"> |
| <i class="fa fa-save mr-2"></i>Create |
| </button> |
| </div> |
| </form> |
| </div> |
| |
| </div> |
|
|
| <div class="p-4 pt-0" id="view-card-details-div" ng-show="viewCardTabInternal === 'details'"> |
|
|
| <div class="col-12"> |
| <h5><i class="fas fa-align-left"></i> Note</h5> |
| <p ng-bind-html="viewCard.note | parseUrlFilter:'_blank'"></p> |
| </div> |
| </div> |
| </div> |
| |
| </ng-if> |
| </ng-if> |
|
|
| <ng-if ng-if="viewCard.sourceContact || viewCard.sourceMatter"> |
| <ng-if ng-if="$root.hasContactModule() && viewCard.sourceContact"> |
| <div class="slide-in-content p-0" ng-if="viewCardTab === 'overview'"> |
| |
|
|
| <div class="p-4" ng-clock ng-show="::viewCard.sourceContact"> |
| <h3 ng-clock ng-show="::viewCard.sourceContact"> |
| <span ng-show="viewCard.sourceContact.type2 === 'pf'" class="bg-greenF icon-type type-pf mr-2"></span> |
| <span ng-show="viewCard.sourceContact.type2 === 'pj'" class="bg-greenF icon-type type-pj mr-2"></span> |
|
|
| {{ viewCard.sourceContact.first_name }} {{ |
| viewCard.sourceContact.last_name |
| }} |
| </h3> |
| </div> |
|
|
| <div class="px-4 d-flex justify-content-start view-card-internal-tab"> |
| <h4 class="title-view-card pr-4 tab-checklist" ng-class="{'tab-disable': viewCardTabInternal == 'checklist'}" |
| ng-click="viewCardTabInternal = 'checklist'"> |
| <i class="fad fa-clipboard"></i> Checklist |
| </h4> |
| <h4 class="title-view-card pl-4 tab-details" ng-class="{'tab-disable': viewCardTabInternal == 'details'}" |
| ng-click="viewCardTabInternal = 'details'"> |
| <i class="fad fa-info-square"></i> Details |
| </h4> |
| </div> |
|
|
| <div class="px-4 row border-botton"></div> |
|
|
| <div id="view-card-checklist-div" ng-show="viewCardTabInternal === 'checklist'"> |
| <div class="px-4 row mb-0 py-2" ng-cloak |
| ng-if="viewCard.check_list_items && viewCard.check_list_items.length == 0"> |
| <div class="col-12" ng-if="::!hasAnyRole('viewer')"> |
| <h4 class="title-view-card"><i class="fad fa-clipboard"></i> Start a Checklist</h4> |
| </div> |
| <form class="col-12" ng-submit="saveCheckListItem(item)" ng-if="::!hasAnyRole('viewer')"> |
| <div class="form-group"> |
| <input class="form-control form-control-lg" type="text" ng-model="item.name" |
| placeholder="Create a new item here..." /> |
| </div> |
| </form> |
| </div> |
|
|
| <div class="accordion checklist-accordion w-100 px-3 mt-3" id="checklistAccordion"> |
|
|
| <div class="card border-0 mb-3" ng-repeat="check_list in viewCard.check_list_items"> |
| <div class="card-header py-1 pr-3 pl-3 position-relative"> |
| <button class="btn btn-block py-2 text-left p-0 text-decoration-none" type="button"> |
| <span class="badge badge-pill bg-purple text-white mr-1"> |
| {{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}% |
| </span> |
| <span class="text-dark" type="button" data-toggle="collapse" |
| data-target="#checklist-{{check_list.id}}" aria-expanded="true" |
| aria-controls="checklist-{{check_list.id}}" |
| > |
| {{ check_list.title}} |
| </span> |
| <a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)" |
| ng-click="openEditChecklist(check_list.id)"><i class="fa fa-pencil"></i></a> |
| <a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)" |
| ng-if="noShowContent(check_list.id, viewCard.check_list_items[0]['id'])" |
| ng-click="deleteCheckLists(check_list.id)"><i class="fa fa-trash-alt"></i></a> |
|
|
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" href="javascript:void(0)" |
| data-toggle="collapse" data-target="#checklist-{{check_list.id}}" aria-expanded="true" |
| aria-controls="checklist-{{check_list.id}}"><i class="fa fa-chevron-down"></i></a> |
|
|
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" style="display: none;" |
| href="javascript:void(0)" id="button_hide_complete_checklist_{{check_list.id}}" |
| ng-click="viewButtonListCompleted(true, check_list.id)"> |
| <i class="fa fa-eye-slash mr-1"></i> Hide Completed Checklist |
| </a> |
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" |
| href="javascript:void(0)" ng-if="isCheckedButton(check_list.items)" |
| id="button_show_complete_checklist_{{check_list.id}}" |
| ng-click="viewButtonListCompleted(false, check_list.id)" |
| > |
| <i class="fa fa-eye mr-1"></i>View Completed Checklist |
| </a> |
| </button> |
| |
| <form style="display: none; top:4px; left:0px;background:#f1f3f7;" class="form-group position-absolute mb-0 w-100" |
| id="edit_title_check_list_{{check_list.id}}" ng-submit="editCheckList(check_list)"> |
| <input type="text" class="form-control new-item py-2" id="inlineFormInputName2" ng-model="check_list.title" style="border-radius: 4px !important"> |
| <button type="submit" class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:10px;top:6px"> |
| <i class="fa fa-save"></i> |
| </button> |
| </form> |
| </div> |
|
|
| <div id="checklist-{{check_list.id}}" data-ids="{{check_list.id}}" class="collapse" |
| ng-class="{show: !noShowContent(check_list.id, viewCard.check_list_items[0]['id'])}" |
| data-parent="#checklistAccordion"> |
| <div class="card-body p-0 pt-3"> |
|
|
| <div class="progress mb-3 mx-3"> |
| <div |
| class="progress-bar text-sm" |
| ng-style="{'width': (check_list.items_completed_count / check_list.items_count * 100) + '%'}" |
| role="progressbar" |
| aria-valuenow="{{ check_list.items_completed_count / check_list.items_count * 100 }}" |
| aria-valuemin="0" |
| aria-valuemax="100" |
| > |
| <span>{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%</span> |
| </div> |
| </div> |
|
|
| |
| <div |
| id="list_no_checked{{check_list.id}}" |
| class="col-12 px-0 sortable-checklist-items" |
| ui-sortable="sortableCheckListItemsOptions" |
| ng-model="check_list.unchecked" |
| > |
| <a-transclusion-directive> |
| <div |
| class="sortable-checklist-item" |
| ng-repeat="item in check_list.unchecked" |
| > |
| <form class="col-12 complete px-3 mb-1" ng-submit="saveCheckListItem(item, check_list)"> |
| <div class="d-flex"> |
| <div class="draggable align-items-center px-3"> |
| <i class="fas fa-grip-lines"></i> |
| </div> |
| <div> |
| <input |
| type="checkbox" |
| class="checkbox_checklist" |
| aria-label="Checkbox for following text input" |
| ng-model="item.checked" |
| ng-change="saveCheckListItem(item, check_list)" |
| ng-true-value="1" |
| ng-false-value="0" |
| /> |
| </div> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-blur="saveCheckListItem(item, check_list)" |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button class="btn p-0 btn-disable-danger" type="button" |
| ng-click="deleteCheckListsItems(item)"> |
| <i class="fa fa-trash text-sm"></i> |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </a-transclusion-directive> |
| |
| <form class="pt-2" ng-submit="saveCheckListItem(newItem, check_list)" |
| ng-if="::!hasAnyRole('viewer')"> |
| <div class="form-group position-relative mb-0"> |
| <input class="form-control form-control-lg new-item pr-5" autocomplete="off" type="text" |
| name="name" ng-model="newItem.name" |
| placeholder="Create a new item here..." /> |
| <button class="btn btn-primary position-absolute p-0" |
| style="width: 25px;height: 25px;border-radius:50px!important;right:10px;top:11px !important"><i |
| class="far fa-check"></i></button> |
| </div> |
| </form> |
| </div> |
|
|
| |
| <div |
| ng-if="isCheckedButton(check_list.items)" |
| id="list_checked_{{check_list.id}}" |
| class="col-12 px-0 py-3 sortable-checklist-items" |
| style="display: none" |
| ui-sortable="sortableCheckListItemsOptions" |
| ng-model="check_list.checked" |
| > |
| <div |
| class="sortable-checklist-item" |
| ng-repeat="item in check_list.checked" |
| > |
| <form |
| class="col-12 complete completed-checklist mb-1" |
| ng-submit="saveCheckListItem(item, check_list)" |
| > |
| <div class="d-flex"> |
| <div class="draggable align-items-center px-3"> |
| <i class="fas fa-grip-lines"></i> |
| </div> |
| <div> |
| <input type="checkbox" class="checkbox_checklist" |
| aria-label="Checkbox for following text input" ng-model="item.checked" |
| ng-change="saveCheckListItem(item, check_list)" ng-true-value="1" |
| ng-false-value="0" /> |
| </div> |
| <div class="flex-fill px-2"> |
| <input class="form-control py-0 px-2 bg-white" type="text" ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-blur="saveCheckListItem(item, check_list)" /> |
| </div> |
| <div class="align-self-center"> |
| <button class="btn btn-disable-danger p-0" type="button" |
| ng-click="deleteCheckListsItems(item)"> |
| <i class="fa fa-trash"></i> |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| </div> |
| </div> |
|
|
|
|
|
|
|
|
|
|
| </div> |
| |
| </div> |
|
|
|
|
| <div class="row mb-0 py-3 px-4" id="formAddChecklist" ng-cloak |
| ng-if="viewCard.check_list_items && viewCard.check_list_items.length > 0"> |
|
|
| <div class="col-12 text-center" ng-if="::!hasAnyRole('viewer')"> |
| <button class="btn btn-primary" id="butSHowformNewChecklist" |
| onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)"><i class="far fa-plus mr-2"></i> New group</button> |
| </div> |
|
|
| <form class="col-12" ng-submit="saveCheckListItem(newChecklist)" id="formNewChecklist" |
| ng-if="::!hasAnyRole('viewer')" style="display: none;"> |
| <h4 class="color-purple">Add a New Checklist Group</h4> |
| <div class="form-group m-0 position-relative mb-2"> |
|
|
| <input class="form-control bg-white" autocomplete="off" |
| style="background: #fff!important;box-shadow :0 0 17px rgb(111 128 151 / 13%);padding-right:180px;" type="text" |
| id="newChecklist-title" ng-model="newChecklist.title" placeholder="New Checklist Group"> |
| <button class="btn-link position-absolute text-decoration-none" type="button" style="color:#7B8A9F !important;right:120px; top:11px" id="butHideformNewChecklist" |
| onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)">Cancel</button> |
| <button class="btn btn-primary px-3 py-1 position-absolute" ng-disabled="!newChecklist.title" |
| style="height: 34px;right:10px;top:6px;" |
| onclick="$('#button_hide_complete_checklist').fadeOut();$('#button_show_complete_checklist').fadeIn();"> |
| <i class="fa fa-save mr-2"></i>Create |
| </button> |
| </div> |
| </form> |
| </div> |
| |
| </div> |
|
|
| <div class="px-4" id="view-card-details-div" ng-show="viewCardTabInternal === 'details'"> |
|
|
| <div class="row mb-0 pb-2 border-botton" ng-cloak ng-show="::viewCard.sourceContact"> |
| <div class="col-md-9" ng-cloak> |
| <h5><i class="fal fa-envelope"></i> Email</h5> |
| <span class="text-light">{{ viewCard.sourceContact.email }}</span> |
| </div> |
|
|
| <div class="col-md-3"> |
| <h5><i class="fal fa-phone"></i> Phone</h5> |
| <span class="text-light">{{ viewCard.sourceContact.phone }}</span> |
| </div> |
| <div class="col-md-12 mt-4 mb-4" ng-show="viewCard.sourceContact.company"> |
| <span class="icon-type type-pj ptico mt-0"></span> |
| <h5 class="mt-0">Company</h5> |
| <span class="text-light">{{ viewCard.sourceContact.company.first_name }}</span> |
| </div> |
| </div> |
|
|
| <div class="row mb-0 pb-2 border-botton" ng-show="viewCard.sourceContact.custom_field_answers.length > 0"> |
|
|
|
|
|
|
|
|
| <div |
| class="col-md-6" |
| ng-repeat="answer in viewCard.sourceContact.custom_field_answers track by answer.id" |
| ng-class="{ |
| 'col-md-12': answer.answer.length >= 150 |
| }" |
| > |
| <h5>{{ answer.custom_field.value }}</h5> |
| <span class="text-light"> |
| <ng-if ng-if="answer.option"> |
| {{ answer.option.value }} |
| </ng-if> |
| <ng-if ng-if="answer.document"> |
| <a href="" ng-click="documentsDownload(answer.document)" class="mr-2">{{ answer.answer }}</a> |
|
|
| <a ng-if="answer && answer.document" |
| href="#" |
| class="mr-1" |
| ng-click="documentsDownload(answer.document)" |
| type="button" |
| > |
| <i class="fas text-md fa-arrow-circle-down color-purple"></i> |
| </a> |
| <a ng-if="answer && answer.document" |
| href="#" |
| class="mr-2" |
| ng-click="getDocumentLink(answer.document)" |
| type="button" |
| > |
| <i class="text-lg" ng-class="{ |
| 'fa-solid fa-check text-success': isSuccessCopyLink, |
| 'fa-regular fa-link share-link-color': !isSuccessCopyLink |
| }"></i> |
| </a> |
| </ng-if> |
| <ng-if ng-if="!answer.option && !answer.document"> |
| {{ answer.answer }} |
| </ng-if> |
| </span> |
| </div> |
| </div> |
|
|
| <div class="row col-md-12 mt-2" ng-show="::viewCard.sourceContact" ng-cloak> |
| <h4 class="mt-2"> |
| <i class="fal fa-map-marked"></i> Addresses |
| </h4> |
| <button ng-click="openNewAddressModel()" class="btn-sm btn-primary ml-2" |
| ng-disabled="!hasAnyRole(['admin', 'member'])"> |
| <i class="far fa-plus"></i> Create New |
| </button> |
| </div> |
|
|
| <div ng-repeat="address in viewCard.sourceContact.addresses track by address.id" |
| ng-show="::viewCard.sourceContact" ng-cloak> |
| <div class="p-0 col-md-12 mb-3"> |
| <h5 class="address-item"> |
| {{ ::address.name }} |
| <a href="" ng-click="confirmDeleteAddress($index, address)"> |
| <i class="fa fa-trash"></i> |
| Remove Address |
| </a> |
| </h5> |
| </div> |
| <div class="row mb-2 address-item"> |
| <div class="col-md-6"> |
| <h5>Street</h5> |
| <span class="text-light"> {{ ::address.street }} </span> |
| </div> |
|
|
| <div class="col-md-3"> |
| <h5>City</h5> |
| <span class="text-light">{{ ::address.city }}</span> |
| </div> |
| <div class="col-md-3"> |
| <h5>State</h5> |
| <span class="text-light">{{ ::address.state }}</span> |
| </div> |
| </div> |
| <div class="row mb-3 address-item"> |
| <div class="col-md-6"> |
| <h5>Zipcode</h5> |
| <span class="text-light">{{ ::address.zipcode }}</span> |
| </div> |
|
|
| <div class="col-md-6"> |
| <h5>Country</h5> |
| <span class="text-light">{{ ::address.country }}</span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="row col-md-12 link-add" ng-cloak ng-show="
|
| viewCard.sourceContact && |
| viewCard.sourceContact.addresses.length > 0 |
| "> |
| <hr /> |
| </div> |
|
|
| <br /> |
| <div class="text-center" ng-cloak ng-show="
|
| viewCard.sourceContact && |
| viewCard.sourceContact.addresses.length == 0 |
| " ng-if="::!hasAnyRole('viewer')"> |
|
|
| <img src="https://app.legalboards.io/img/no-address.png" width="50%" /> |
| </div> |
| </div> |
| </div> |
| |
| </ng-if> |
| <ng-if ng-if="hasAsset('Legalboards') && !viewCard.sourceContact"> |
| <div class="slide-in-content p-0" ng-if="viewCardTab === 'overview'"> |
| |
|
|
| <div class="p-4" ng-clock ng-show="::viewCard.sourceMatter"> |
| <div class="col-12 pl-0" ng-show="::viewCard.sourceMatter"> |
| <h3 class="mb-2" ng-clock ng-show="::viewCard.sourceMatter"> |
| <i class="icon-type plr-13 fas fa-suitcase bg-blue"></i> |
| {{ viewCard.sourceMatter.number }} |
| <span class="text-light mt-1 float-right status-{{ |
| viewCard.sourceMatter.status |
| }}"> |
| <span class="badge status-color-{{ |
| viewCard.sourceMatter.status |
| }}"> |
| {{ viewCard.sourceMatter.status_display }} |
| </span> |
| </span> |
| </h3> |
| </div> |
| <div class="col-12 pl-0 mt-3" ng-show="::viewCard.sourceMatter"> |
| <h5><i class="fal fa-user-alt"></i> Client</h5> |
| <span class="text-light font-weight-bold"> |
| <a target="_blank" ng-href="/contacts/{{ slugifyViewContact(viewCard.sourceMatter.client) }}"> |
| {{ viewCard.sourceMatter.client.first_name }} |
| <ng-show ng-show="viewCard.sourceMatter.client.last_name"> |
| - {{ viewCard.sourceMatter.client.last_name }}</ng-show> |
| </a> |
| </span> |
| <ng-show ng-show="viewCard.sourceMatter.client.email"> |
| <span class="text-light">({{ viewCard.sourceMatter.client.email }}) |
| </span> |
| </ng-show> |
| </div> |
| </div> |
|
|
| <div class="px-4 d-flex justify-content-start view-card-internal-tab"> |
| <h4 class="title-view-card pr-4 tab-checklist" ng-class="{'tab-disable': viewCardTabInternal == 'checklist'}" |
| ng-click="viewCardTabInternal = 'checklist'"> |
| <i class="fad fa-clipboard"></i> Checklist |
| </h4> |
| <h4 class="title-view-card pl-4 tab-details" ng-class="{'tab-disable': viewCardTabInternal == 'details'}" |
| ng-click="viewCardTabInternal = 'details'"> |
| <i class="fad fa-info-square"></i> Details |
| </h4> |
| </div> |
|
|
| <div class="px-4 row border-botton"></div> |
|
|
| <div id="view-card-checklist-div" ng-show="viewCardTabInternal === 'checklist'"> |
| <div class="px-4 row mb-0 py-2" ng-cloak |
| ng-if="viewCard.check_list_items && viewCard.check_list_items.length == 0"> |
| <div class="col-12" ng-if="::!hasAnyRole('viewer')"> |
| <h4 class="title-view-card"><i class="fad fa-clipboard"></i> Start a Checklist</h4> |
| </div> |
| <form class="col-12" ng-submit="saveCheckListItem(item)" ng-if="::!hasAnyRole('viewer')"> |
| <div class="form-group"> |
| <input class="form-control form-control-lg" type="text" ng-model="item.name" |
| placeholder="Create a new item here..." /> |
| </div> |
| </form> |
| </div> |
|
|
| <div class="accordion checklist-accordion w-100 px-3 mt-3" id="checklistAccordion"> |
|
|
| <div class="card border-0 mb-3" ng-repeat="check_list in viewCard.check_list_items"> |
| <div class="card-header py-1 pr-3 pl-3 position-relative"> |
| <button class="btn btn-block py-2 text-left p-0 text-decoration-none" type="button"> |
| <span class="badge badge-pill bg-purple text-white mr-1"> |
| {{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}% |
| </span> |
| <span class="text-dark" type="button" data-toggle="collapse" |
| data-target="#checklist-{{check_list.id}}" aria-expanded="true" |
| aria-controls="checklist-{{check_list.id}}" |
| > |
| {{ check_list.title}} |
| </span> |
| <a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)" |
| ng-click="openEditChecklist(check_list.id)"><i class="fa fa-pencil"></i></a> |
| <a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)" |
| ng-if="noShowContent(check_list.id, viewCard.check_list_items[0]['id'])" |
| ng-click="deleteCheckLists(check_list.id)"><i class="fa fa-trash-alt"></i></a> |
|
|
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" href="javascript:void(0)" |
| data-toggle="collapse" data-target="#checklist-{{check_list.id}}" aria-expanded="true" |
| aria-controls="checklist-{{check_list.id}}"><i class="fa fa-chevron-down"></i></a> |
|
|
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" style="display: none;" |
| href="javascript:void(0)" id="button_hide_complete_checklist_{{check_list.id}}" |
| ng-click="viewButtonListCompleted(true, check_list.id)"> |
| <i class="fa fa-eye-slash mr-1"></i> Hide Completed Checklist |
| </a> |
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" |
| href="javascript:void(0)" ng-if="isCheckedButton(check_list.items)" |
| id="button_show_complete_checklist_{{check_list.id}}" |
| ng-click="viewButtonListCompleted(false, check_list.id)" |
| > |
| <i class="fa fa-eye mr-1"></i>View Completed Checklist |
| </a> |
| </button> |
| |
| <form style="display: none; top:4px; left:0px;background:#f1f3f7;" class="form-group position-absolute mb-0 w-100" |
| id="edit_title_check_list_{{check_list.id}}" ng-submit="editCheckList(check_list)"> |
| <input type="text" class="form-control new-item py-2" id="inlineFormInputName2" ng-model="check_list.title" style="border-radius: 4px !important"> |
| <button type="submit" class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:10px;top:6px"> |
| <i class="fa fa-save"></i> |
| </button> |
| </form> |
| </div> |
|
|
| <div id="checklist-{{check_list.id}}" data-ids="{{check_list.id}}" class="collapse" |
| ng-class="{show: !noShowContent(check_list.id, viewCard.check_list_items[0]['id'])}" |
| data-parent="#checklistAccordion"> |
| <div class="card-body p-0 pt-3"> |
|
|
| <div class="progress mb-3 mx-3"> |
| <div |
| class="progress-bar text-sm" |
| ng-style="{'width': (check_list.items_completed_count / check_list.items_count * 100) + '%'}" |
| role="progressbar" |
| aria-valuenow="{{ check_list.items_completed_count / check_list.items_count * 100 }}" |
| aria-valuemin="0" |
| aria-valuemax="100" |
| > |
| <span>{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%</span> |
| </div> |
| </div> |
|
|
| |
| <div |
| id="list_no_checked{{check_list.id}}" |
| class="col-12 px-0 sortable-checklist-items" |
| ui-sortable="sortableCheckListItemsOptions" |
| ng-model="check_list.unchecked" |
| > |
| <a-transclusion-directive> |
| <div |
| class="sortable-checklist-item" |
| ng-repeat="item in check_list.unchecked" |
| > |
| <form class="col-12 complete px-3 mb-1" ng-submit="saveCheckListItem(item, check_list)"> |
| <div class="d-flex"> |
| <div class="draggable align-items-center px-3"> |
| <i class="fas fa-grip-lines"></i> |
| </div> |
| <div> |
| <input |
| type="checkbox" |
| class="checkbox_checklist" |
| aria-label="Checkbox for following text input" |
| ng-model="item.checked" |
| ng-change="saveCheckListItem(item, check_list)" |
| ng-true-value="1" |
| ng-false-value="0" |
| /> |
| </div> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-blur="saveCheckListItem(item, check_list)" |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button class="btn p-0 btn-disable-danger" type="button" |
| ng-click="deleteCheckListsItems(item)"> |
| <i class="fa fa-trash text-sm"></i> |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </a-transclusion-directive> |
| |
| <form class="pt-2" ng-submit="saveCheckListItem(newItem, check_list)" |
| ng-if="::!hasAnyRole('viewer')"> |
| <div class="form-group position-relative mb-0"> |
| <input class="form-control form-control-lg new-item pr-5" autocomplete="off" type="text" |
| name="name" ng-model="newItem.name" |
| placeholder="Create a new item here..." /> |
| <button class="btn btn-primary position-absolute p-0" |
| style="width: 25px;height: 25px;border-radius:50px!important;right:10px;top:11px !important"><i |
| class="far fa-check"></i></button> |
| </div> |
| </form> |
| </div> |
|
|
| |
| <div |
| ng-if="isCheckedButton(check_list.items)" |
| id="list_checked_{{check_list.id}}" |
| class="col-12 px-0 py-3 sortable-checklist-items" |
| style="display: none" |
| ui-sortable="sortableCheckListItemsOptions" |
| ng-model="check_list.checked" |
| > |
| <div |
| class="sortable-checklist-item" |
| ng-repeat="item in check_list.checked" |
| > |
| <form |
| class="col-12 complete completed-checklist mb-1" |
| ng-submit="saveCheckListItem(item, check_list)" |
| > |
| <div class="d-flex"> |
| <div class="draggable align-items-center px-3"> |
| <i class="fas fa-grip-lines"></i> |
| </div> |
| <div> |
| <input type="checkbox" class="checkbox_checklist" |
| aria-label="Checkbox for following text input" ng-model="item.checked" |
| ng-change="saveCheckListItem(item, check_list)" ng-true-value="1" |
| ng-false-value="0" /> |
| </div> |
| <div class="flex-fill px-2"> |
| <input class="form-control py-0 px-2 bg-white" type="text" ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-blur="saveCheckListItem(item, check_list)" /> |
| </div> |
| <div class="align-self-center"> |
| <button class="btn btn-disable-danger p-0" type="button" |
| ng-click="deleteCheckListsItems(item)"> |
| <i class="fa fa-trash"></i> |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| </div> |
| </div> |
|
|
|
|
|
|
|
|
|
|
| </div> |
| |
| </div> |
|
|
|
|
| <div class="row mb-0 py-3 px-4" id="formAddChecklist" ng-cloak |
| ng-if="viewCard.check_list_items && viewCard.check_list_items.length > 0"> |
|
|
| <div class="col-12 text-center" ng-if="::!hasAnyRole('viewer')"> |
| <button class="btn btn-primary" id="butSHowformNewChecklist" |
| onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)"><i class="far fa-plus mr-2"></i> New group</button> |
| </div> |
|
|
| <form class="col-12" ng-submit="saveCheckListItem(newChecklist)" id="formNewChecklist" |
| ng-if="::!hasAnyRole('viewer')" style="display: none;"> |
| <h4 class="color-purple">Add a New Checklist Group</h4> |
| <div class="form-group m-0 position-relative mb-2"> |
|
|
| <input class="form-control bg-white" autocomplete="off" |
| style="background: #fff!important;box-shadow :0 0 17px rgb(111 128 151 / 13%);padding-right:180px;" type="text" |
| id="newChecklist-title" ng-model="newChecklist.title" placeholder="New Checklist Group"> |
| <button class="btn-link position-absolute text-decoration-none" type="button" style="color:#7B8A9F !important;right:120px; top:11px" id="butHideformNewChecklist" |
| onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)">Cancel</button> |
| <button class="btn btn-primary px-3 py-1 position-absolute" ng-disabled="!newChecklist.title" |
| style="height: 34px;right:10px;top:6px;" |
| onclick="$('#button_hide_complete_checklist').fadeOut();$('#button_show_complete_checklist').fadeIn();"> |
| <i class="fa fa-save mr-2"></i>Create |
| </button> |
| </div> |
| </form> |
| </div> |
| |
| </div> |
|
|
| <div class="px-4" id="view-card-details-div" ng-show="viewCardTabInternal === 'details'"> |
|
|
| <div class="row mb-0 pb-2 border-botton" ng-cloak ng-show="::viewCard.sourceMatter"> |
| <div class="col-md-4"> |
| <h5><i class="fal fa-folder-open"></i> Opening</h5> |
| <span class="text-light">{{ |
| viewCard.sourceMatter.opening_at |
| | amUtc |
| | amDateFormat: "L" |
| }}</span> |
| </div> |
| <div class="col-md-4" ng-if="viewCard.sourceMatter.limiting_at"> |
| <h5> |
| <i class="fas fa-exclamation-triangle"></i> |
| Limiting: |
| </h5> |
| <span class="text-light">{{ |
| viewCard.sourceMatter.limiting_at |
| | amUtc |
| | amDateFormat: "L" |
| }}</span> |
| </div> |
| <div class="col-md-4" ng-if="viewCard.sourceMatter.status === 'close'"> |
| <h5><i class="fas fa-times-circle"></i> Closed:</h5> |
| {{ |
| viewCard.sourceMatter.closing_at | amUtc | amDateFormat: "L" |
| }} |
| </div> |
|
|
| <div class="col-md-4" ng-cloak> |
| <h5><i class="fal fa-tag"></i> Practice area</h5> |
| <span class="text-light">{{ viewCard.sourceMatter.area.name }}</span> |
| </div> |
| <div class="col-md-12 mt-3" ng-cloak> |
| <h5> |
| <i class="fas fa-align-left"></i> Description |
| </h5> |
| <span class="text-light">{{ viewCard.sourceMatter.description }}</span> |
| </div> |
| </div> |
|
|
| <div class="row mb-0 pb-2 border-botton" ng-show="viewCard.sourceMatter.custom_field_answers.length > 0"> |
|
|
|
|
|
|
|
|
| <div |
| class="col-md-6" |
| ng-repeat="answer in viewCard.sourceMatter.custom_field_answers track by $index" |
| ng-class="{ |
| 'col-md-12': answer.answer.length >= 150 |
| }" |
| > |
| <h5>{{ answer.custom_field.value }}</h5> |
| <span class="text-light"> |
| <ng-if ng-if="answer.option"> |
| {{ answer.option.value }} |
| </ng-if> |
| <ng-if ng-if="answer.document"> |
| <a href="" ng-click="documentsDownload(answer.document)" class="mr-2">{{ answer.answer }}</a> |
|
|
| <a ng-if="answer && answer.document" |
| href="#" |
| class="mr-1" |
| ng-click="documentsDownload(answer.document)" |
| type="button" |
| > |
| <i class="fas text-md fa-arrow-circle-down color-purple"></i> |
| </a> |
| <a ng-if="answer && answer.document" |
| href="#" |
| class="mr-2" |
| ng-click="getDocumentLink(answer.document)" |
| type="button" |
| > |
| <i class="text-md" ng-class="{ |
| 'fa-solid fa-check text-success': isSuccessCopyLink, |
| 'fa-regular fa-link share-link-color': !isSuccessCopyLink |
| }"></i> |
| </a> |
| </ng-if> |
| <ng-if ng-if="!answer.option && !answer.document"> |
| {{ answer.answer }} |
| </ng-if> |
| </span> |
| </div> |
| </div> |
|
|
|
|
|
|
| <br /> |
|
|
| <div class="row mb-0 pb-2" ng-cloak ng-show="viewCard.sourceMatter"> |
| <div class="col-12"> |
| <h3><i class="fas fa-user-tie"></i> Attorneys</h3> |
| </div> |
| <div class="col-6 details-dropdown"> |
| <h5>Responsible</h5> |
| <ui-select autofocus-ui-select |
| ng-model="viewCard.sourceMatter.responsible" |
| theme="select2" |
| on-select="updateMatterResponsibleOrOriginating(viewCard)" |
| ng-disabled="!hasAnyRole(['admin', 'member'])"> |
| <ui-select-match allow-clear placeholder="Responsible"> |
|
|
| {{ viewCard.sourceMatter.responsible.first_name }} {{ |
| viewCard.sourceMatter.responsible.last_name |
| }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="user in account_users | filter:{first_name:$select.search} track by $index"> |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="col-6 details-dropdown"> |
| <h5>Originating</h5> |
| <ui-select autofocus-ui-select ng-model="viewCard.sourceMatter.originating" theme="select2" |
| on-select="updateMatterResponsibleOrOriginating(viewCard)" |
| ng-disabled="!hasAnyRole(['admin', 'member'])"> |
| <ui-select-match allow-clear placeholder="Originating"> |
| {{ viewCard.sourceMatter.originating.first_name }} {{ |
| viewCard.sourceMatter.originating.last_name |
| }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="user in account_users | filter:{first_name:$select.search} track by $index"> |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="row" ng-cloak ng-show="viewCard.sourceMatter"> |
| <div class="col-12 mt-3"> |
| <h3> |
| <i class="fas fa-users"></i> Related Contacts |
| </h3> |
| </div> |
|
|
| <div class="col-12"> |
| <table class="table table-striped" ng-if="viewCard.sourceMatter.members.length"> |
| <tbody> |
| <tr ng-repeat="member in viewCard.sourceMatter.members track by member.id"> |
| <td> |
| <h5> |
| {{ member.contact.first_name }} |
| <ng-show ng-show="member.contact.last_name"> |
| {{ member.contact.last_name }} |
| </ng-show> |
| </h5> |
| <span>{{ member.contact.email }}</span> |
| </td> |
| <td style="width: 40%">{{ member.type.name }}</td> |
| <td style="width: 60px"> |
| <button class="btn" ng-click="confirmRemoveMatterMember($index, member)" |
| ng-if="::!hasAnyRole('viewer')"> |
| <i class="fas fa-trash-alt h6"></i> |
| </button> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
|
|
| <ng-if ng-if="::hasAnyRole(['admin', 'member'])"> |
| <div class="row mt-0" ng-cloak ng-show="::viewCard.sourceMatter"> |
| <div class="col-12 mb-2"> |
| <h5 class="mt-0">Add Related Contact</h5> |
| </div> |
| <div class="col-6 mb-3 related-select details-dropdown"> |
| <label> |
| Contact |
| <i class="fas fa-question-circle" title="If you can`t find what you want, you can create a new here, just hit enter!"> |
| </i> |
| </label> |
| <ui-select autofocus-ui-select ng-model="matterMemberSelect.contact" theme="select2" tagging="taggingContact" |
| tagging-label="false" |
| class="multipleFind" |
| ng-disabled="!hasAnyRole(['admin', 'member'])"> |
| <ui-select-match allow-clear placeholder="Contact"> |
| {{ matterMemberSelect.contact.first_name }} {{ |
| matterMemberSelect.contact.last_name |
| }} |
| </ui-select-match> |
| <ui-select-choices refresh="searchContacts($select)" refresh-delay="1000" |
| group-by="'groupName'" |
| repeat="contact in grouped_contacts | notAMatterMember:viewCard.sourceMatter.members track by contact.id"> |
| <div ng-click="matterMemberSelect.groupName = contact.groupName"> |
| {{ contact.first_name }} |
| <ng-show ng-show="contact.last_name"> |
| {{ contact.last_name }} |
| </ng-show> |
| </div> |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center mb-0" style="font-size: 12px;">No contacts found</p> |
| <div class="margin-create-new"> |
| <div class="no-item-create"> |
| <div class="new-item-contact"> |
| <div> |
| <i class="fa-solid fa-user-plus"></i> |
| </div> |
| <h2>Add New Contact</h2> |
| <h4>Press enter to create</h4> |
| </div> |
| </div> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
|
|
| <div class="col-6 related-select details-dropdown"> |
| <label> |
| Role |
| <i class="fas fa-question-circle" title="If you can`t find what you want, you can create a new here, just hit enter!"> |
| </i> |
| </label> |
| <ui-select autofocus-ui-select ng-model="matterMemberSelect.parameter" theme="select2" tagging="taggingRole" |
| tagging-label="false" |
| ng-disabled="!hasAnyRole(['admin', 'member'])"> |
| <ui-select-match placeholder="Role">{{ |
| matterMemberSelect.parameter.name |
| }}</ui-select-match> |
| <ui-select-choices repeat="parameter in parameters | filter:$select.search track by $index"> |
| {{ parameter.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center mb-0" style="font-size: 12px;">No roles found</p> |
| <div class="margin-create-new"> |
| <div class="no-item-create"> |
| <div class="new-item-contact"> |
| <div> |
| <i class="fa-solid fa-users-gear"></i> |
| </div> |
| <h2>Add New Role</h2> |
| <h4>Press enter to create</h4> |
| </div> |
| </div> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| <br /> |
| |
| <div class="col-12"> |
| <button class="btn bg-green bg-btn-green btn-block mb-3" id="add-pessoa" style="height: auto !important;" |
| ng-disabled="!matterMemberSelect.contact || !matterMemberSelect.parameter" |
| ng-click="addMatterMember(matterMemberSelect)" ng-class="{ loading: loading }"> |
| Add Related Contact |
| </button> |
| </div> |
| </div> |
| </ng-if> |
|
|
| </div> |
| </div> |
|
|
| <div class="row" ng-cloak ng-show="viewCard.sourceMatter && viewCard.sourceMatter.matter.publications.length > 0"> |
| <div class="col-12 mt-4 mb-0"> |
| <h3> |
| <i class="fa-solid fa-briefcase-arrow-right"></i> Related Cases |
| </h3> |
|
|
| <table class="table table-striped" ng-if="viewCard.sourceMatter.cases.length"> |
| <tbody> |
| <tr ng-repeat="matterCase in viewCard.sourceMatter.cases track by matterCase.id"> |
| <td> |
| <h5> |
| {{ matterCase.case_number }} |
| </h5> |
| </td> |
| <td style="width: 40%">{{ matterCase.relation.name }}</td> |
| <td style="width: 60px"> |
| <button class="btn" ng-click="confirmRemoveMatterCase($index, matterCase)" |
| ng-if="::!hasAnyRole('viewer')"> |
| <i class="fas fa-trash-alt h6"></i> |
| </button> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
|
|
| <ng-if ng-if="::hasAnyRole(['admin', 'member'])"> |
| <div class="row mt-0" ng-cloak ng-show="viewCard.sourceMatter"> |
| <div class="col-12 mb-2"> |
| <h5 class="mt-0">Add Related Case</h5> |
| </div> |
| <div class="col-6 mb-3 related-select details-dropdown"> |
| <label>Case Number</label> |
| <input type="text" class="form-control" ng-model="matterCaseSelect.case" placeholder="Input Case Number" /> |
| </div> |
|
|
| <div class="col-6 related-select details-dropdown"> |
| <label> |
| Role |
| <i class="fas fa-question-circle" title="If you can`t find what you want, you can create a new here, just hit enter!"> |
| </i> |
| </label> |
| <ui-select autofocus-ui-select ng-model="matterCaseSelect.parameter" theme="select2" tagging="taggingRole" |
| tagging-label="false" |
| ng-disabled="!hasAnyRole(['admin', 'member'])"> |
| <ui-select-match allow-clear placeholder="Role">{{ |
| matterCaseSelect.parameter.name |
| }}</ui-select-match> |
| <ui-select-choices repeat="parameter in relationship_cases | filter:$select.search track by $index"> |
| {{ parameter.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <br /> |
| |
| <div class="col-12"> |
| <button class="btn bg-green bg-btn-green btn-block" id="add-pessoa" style="height: auto !important;" |
| ng-disabled="!matterCaseSelect.case || !matterCaseSelect.parameter" |
| ng-click="addMatterCase(matterCaseSelect)" ng-class="{ loading: loading }"> |
| Add Related Case |
| </button> |
| </div> |
|
|
| <div class="col-12 my-3" ng-show="viewCard.sourceMatter.status !== 'close'"> |
| <hr /> |
| <span class="red" ng-show="viewCard.sourceMatter.status !== 'close'" ng-cloak> |
| <button class="btn btn-danger" style="font-weight: 400 !important;" ng-click="openCloseCaseModal(viewCard.sourceMatter)" |
| ng-if="!hasAnyRole('viewer')" |
| ng-disabled="!hasAnyRole(['admin', 'member'])" |
| > |
| |
| Close Matter |
| </button> |
| </span> |
| </div> |
|
|
| </div> |
| </ng-if> |
|
|
| </div> |
| </div> |
| </div> |
| </div> |
| <script> |
| </script> |
| |
| </ng-if> |
| <ng-if ng-if="hasAsset('Clio') && !viewCard.sourceContact"> |
| |
| <div class="slide-in-content p-0" ng-if="viewCardTab === 'overview'"> |
| |
| <div class="p-4"> |
| <h3 class="mb-2" ng-clock> |
| <i class="icon-type plr-13 fas fa-suitcase bg-blue"></i> |
| {{ viewCard.sourceMatter.display_number }} |
| <span class="text-light mt-1 float-right status-{{ |
| viewCard.sourceMatter.status |
| }}"> |
| <span class="badge status-color-{{ |
| viewCard.sourceMatter.status |
| }}">{{ viewCard.sourceMatter.status_display }}</span> |
| </span> |
| </h3> |
|
|
| <div class="row w-100 mt-0 mb-12 overview-data-wrapper"> |
| <div class="col-md-6"> |
| <h5><i class="far fa-id-card-alt"></i> Client</h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.client.name }} |
|
|
| <ng-show ng-show="
|
| viewCard.sourceMatter.client.primary_email_address |
| "> |
| <br />({{ |
| viewCard.sourceMatter.client.primary_email_address |
| }}) |
| </ng-show> |
| </span> |
| </div> |
|
|
| <div class="col-md-6"> |
| <h5><i class="far fa-tag"></i> Practice area</h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.practice_area.name }} |
| </span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="px-4 d-flex justify-content-start overview-data view-card-internal-tab"> |
| <h4 class="title-view-card px-4 py-2 tab-checklist" ng-class="{'tab-disable': viewCardTabInternal == 'checklist'}" |
| ng-click="viewCardTabInternal = 'checklist'"> |
| <i class="far fa-clipboard"></i> Checklist |
| </h4> |
| <h4 class="title-view-card px-4 py-2 tab-details" ng-class="{'tab-disable': viewCardTabInternal == 'details'}" |
| ng-click="viewCardTabInternal = 'details'"> |
| <i class="far fa-info-square"></i> Details |
| </h4> |
| </div> |
|
|
| <div class="px-4 row"></div> |
|
|
| <div id="view-card-checklist-div" class="px-2" ng-show="viewCardTabInternal === 'checklist'"> |
| <div class="px-4 row mb-0 py-2" ng-cloak |
| ng-if="viewCard.check_list_items && viewCard.check_list_items.length == 0"> |
| <div class="col-12" ng-if="::!hasAnyRole('viewer')"> |
| <h4 class="title-view-card"><i class="far fa-clipboard"></i> Start a Checklist</h4> |
| </div> |
| <form class="col-12" ng-submit="saveCheckListItem(item)" ng-if="::!hasAnyRole('viewer')"> |
| <div class="form-group"> |
| <input class="form-control form-control-lg" type="text" ng-model="item.name" |
| placeholder="Create a new item here..." /> |
| </div> |
| </form> |
| </div> |
|
|
| <div class="accordion checklist-accordion w-100 px-3 mt-3" id="checklistAccordion"> |
|
|
| <div class="card border-0 mb-3" ng-repeat="check_list in viewCard.check_list_items"> |
| <div class="card-header py-1 pr-3 pl-3 position-relative"> |
| <button class="btn btn-block py-2 text-left p-0 text-decoration-none" type="button"> |
| <span class="badge badge-pill bg-purple text-white mr-1"> |
| {{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}% |
| </span> |
| <span class="text-dark" type="button" data-toggle="collapse" |
| data-target="#checklist-{{check_list.id}}" aria-expanded="true" |
| aria-controls="checklist-{{check_list.id}}" |
| > |
| {{ check_list.title}} |
| </span> |
| <a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)" |
| ng-click="openEditChecklist(check_list.id)"><i class="fa fa-pencil"></i></a> |
| <a class="text-dark btn-black pl-2 text-sm" href="javascript:void(0)" |
| ng-if="noShowContent(check_list.id, viewCard.check_list_items[0]['id'])" |
| ng-click="deleteCheckLists(check_list.id)"><i class="fa fa-trash-alt"></i></a> |
|
|
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" href="javascript:void(0)" |
| data-toggle="collapse" data-target="#checklist-{{check_list.id}}" aria-expanded="true" |
| aria-controls="checklist-{{check_list.id}}"><i class="fa fa-chevron-down"></i></a> |
|
|
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" style="display: none;" |
| href="javascript:void(0)" id="button_hide_complete_checklist_{{check_list.id}}" |
| ng-click="viewButtonListCompleted(true, check_list.id)"> |
| <i class="fa fa-eye-slash mr-1"></i> Hide Completed Checklist |
| </a> |
| <a class="btn-black text-dark pl-2 text-sm ml-auto float-right mt-1" |
| href="javascript:void(0)" ng-if="isCheckedButton(check_list.items)" |
| id="button_show_complete_checklist_{{check_list.id}}" |
| ng-click="viewButtonListCompleted(false, check_list.id)" |
| > |
| <i class="fa fa-eye mr-1"></i>View Completed Checklist |
| </a> |
| </button> |
| |
| <form style="display: none; top:4px; left:0px;background:#f1f3f7;" class="form-group position-absolute mb-0 w-100" |
| id="edit_title_check_list_{{check_list.id}}" ng-submit="editCheckList(check_list)"> |
| <input type="text" class="form-control new-item py-2" id="inlineFormInputName2" ng-model="check_list.title" style="border-radius: 4px !important"> |
| <button type="submit" class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:10px;top:6px"> |
| <i class="fa fa-save"></i> |
| </button> |
| </form> |
| </div> |
|
|
| <div id="checklist-{{check_list.id}}" data-ids="{{check_list.id}}" class="collapse" |
| ng-class="{show: !noShowContent(check_list.id, viewCard.check_list_items[0]['id'])}" |
| data-parent="#checklistAccordion"> |
| <div class="card-body p-0 pt-3"> |
|
|
| <div class="progress mb-3 mx-3"> |
| <div |
| class="progress-bar text-sm" |
| ng-style="{'width': (check_list.items_completed_count / check_list.items_count * 100) + '%'}" |
| role="progressbar" |
| aria-valuenow="{{ check_list.items_completed_count / check_list.items_count * 100 }}" |
| aria-valuemin="0" |
| aria-valuemax="100" |
| > |
| <span>{{ check_list.items_completed_count / check_list.items_count * 100 | number:0 }}%</span> |
| </div> |
| </div> |
|
|
| |
| <div |
| id="list_no_checked{{check_list.id}}" |
| class="col-12 px-0 sortable-checklist-items" |
| ui-sortable="sortableCheckListItemsOptions" |
| ng-model="check_list.unchecked" |
| > |
| <a-transclusion-directive> |
| <div |
| class="sortable-checklist-item" |
| ng-repeat="item in check_list.unchecked" |
| > |
| <form class="col-12 complete px-3 mb-1" ng-submit="saveCheckListItem(item, check_list)"> |
| <div class="d-flex"> |
| <div class="draggable align-items-center px-3"> |
| <i class="fas fa-grip-lines"></i> |
| </div> |
| <div> |
| <input |
| type="checkbox" |
| class="checkbox_checklist" |
| aria-label="Checkbox for following text input" |
| ng-model="item.checked" |
| ng-change="saveCheckListItem(item, check_list)" |
| ng-true-value="1" |
| ng-false-value="0" |
| /> |
| </div> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-blur="saveCheckListItem(item, check_list)" |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button class="btn p-0 btn-disable-danger" type="button" |
| ng-click="deleteCheckListsItems(item)"> |
| <i class="fa fa-trash text-sm"></i> |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </a-transclusion-directive> |
| |
| <form class="pt-2" ng-submit="saveCheckListItem(newItem, check_list)" |
| ng-if="::!hasAnyRole('viewer')"> |
| <div class="form-group position-relative mb-0"> |
| <input class="form-control form-control-lg new-item pr-5" autocomplete="off" type="text" |
| name="name" ng-model="newItem.name" |
| placeholder="Create a new item here..." /> |
| <button class="btn btn-primary position-absolute p-0" |
| style="width: 25px;height: 25px;border-radius:50px!important;right:10px;top:11px !important"><i |
| class="far fa-check"></i></button> |
| </div> |
| </form> |
| </div> |
|
|
| |
| <div |
| ng-if="isCheckedButton(check_list.items)" |
| id="list_checked_{{check_list.id}}" |
| class="col-12 px-0 py-3 sortable-checklist-items" |
| style="display: none" |
| ui-sortable="sortableCheckListItemsOptions" |
| ng-model="check_list.checked" |
| > |
| <div |
| class="sortable-checklist-item" |
| ng-repeat="item in check_list.checked" |
| > |
| <form |
| class="col-12 complete completed-checklist mb-1" |
| ng-submit="saveCheckListItem(item, check_list)" |
| > |
| <div class="d-flex"> |
| <div class="draggable align-items-center px-3"> |
| <i class="fas fa-grip-lines"></i> |
| </div> |
| <div> |
| <input type="checkbox" class="checkbox_checklist" |
| aria-label="Checkbox for following text input" ng-model="item.checked" |
| ng-change="saveCheckListItem(item, check_list)" ng-true-value="1" |
| ng-false-value="0" /> |
| </div> |
| <div class="flex-fill px-2"> |
| <input class="form-control py-0 px-2 bg-white" type="text" ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-blur="saveCheckListItem(item, check_list)" /> |
| </div> |
| <div class="align-self-center"> |
| <button class="btn btn-disable-danger p-0" type="button" |
| ng-click="deleteCheckListsItems(item)"> |
| <i class="fa fa-trash"></i> |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| </div> |
| </div> |
|
|
|
|
|
|
|
|
|
|
| </div> |
| |
| </div> |
|
|
|
|
| <div class="row mb-0 py-3 px-4" id="formAddChecklist" ng-cloak |
| ng-if="viewCard.check_list_items && viewCard.check_list_items.length > 0"> |
|
|
| <div class="col-12 text-center" ng-if="::!hasAnyRole('viewer')"> |
| <button class="btn btn-primary" id="butSHowformNewChecklist" |
| onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)"><i class="far fa-plus mr-2"></i> New group</button> |
| </div> |
|
|
| <form class="col-12" ng-submit="saveCheckListItem(newChecklist)" id="formNewChecklist" |
| ng-if="::!hasAnyRole('viewer')" style="display: none;"> |
| <h4 class="color-purple">Add a New Checklist Group</h4> |
| <div class="form-group m-0 position-relative mb-2"> |
|
|
| <input class="form-control bg-white" autocomplete="off" |
| style="background: #fff!important;box-shadow :0 0 17px rgb(111 128 151 / 13%);padding-right:180px;" type="text" |
| id="newChecklist-title" ng-model="newChecklist.title" placeholder="New Checklist Group"> |
| <button class="btn-link position-absolute text-decoration-none" type="button" style="color:#7B8A9F !important;right:120px; top:11px" id="butHideformNewChecklist" |
| onClick="$('#formNewChecklist').toggle(300),$('#butSHowformNewChecklist').toggle(300)">Cancel</button> |
| <button class="btn btn-primary px-3 py-1 position-absolute" ng-disabled="!newChecklist.title" |
| style="height: 34px;right:10px;top:6px;" |
| onclick="$('#button_hide_complete_checklist').fadeOut();$('#button_show_complete_checklist').fadeIn();"> |
| <i class="fa fa-save mr-2"></i>Create |
| </button> |
| </div> |
| </form> |
| </div> |
| |
| </div> |
|
|
| <div class="px-4 pt-0" id="view-card-details-div" ng-show="viewCardTabInternal === 'details'"> |
|
|
| <div class="row mb-0 pb-2 border-botton"> |
| <div class="col-md-3"> |
| <h5><i class="far fa-calendar"></i> Open date</h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.open_date | amDateFormat: "L" }} |
| </span> |
| </div> |
| <div class="col-md-3"> |
| <h5> |
| <i class="far fa-calendar-minus"></i> |
| Pending date |
| </h5> |
| <span class="text-light"> |
| {{ |
| viewCard.sourceMatter.pending_date | amDateFormat: "L" |
| }} |
| </span> |
| </div> |
| <div class="col-md-3"> |
| <h5> |
| <i class="far fa-calendar-exclamation"></i> |
| Limitations date |
| </h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.statute_of_limitations.name }} |
| <ng-show ng-show="
|
| viewCard.sourceMatter.statute_of_limitations.due_at |
| "> |
| ({{ |
| viewCard.sourceMatter.statute_of_limitations.due_at |
| | amDateFormat: "L" |
| }}) |
| </ng-show> |
| </span> |
| </div> |
| <div class="col-md-3"> |
| <h5> |
| <i class="far fa-calendar-times"></i> Close date |
| </h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.close_date | amDateFormat: "L" }} |
| </span> |
| </div> |
| </div> |
|
|
| <div class="row mb-0 pb-2 border-botton"> |
| <div class="col-12"> |
| <h5> |
| <i class="far fa-align-left"></i> Description |
| </h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.description }} |
| </span> |
| </div> |
| </div> |
| <div class="row mb-0 pb-2 border-botton"> |
| <div class="col-md-6"> |
| <h5> |
| <i class="far fa-user-tie"></i> |
| Responsible attorney |
| </h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.responsible_attorney.name }} |
| <ng-show ng-show="
|
| viewCard.sourceMatter.responsible_attorney.email |
| "> |
| ({{ |
| viewCard.sourceMatter.responsible_attorney.email |
| }}) |
| </ng-show> |
| </span> |
| </div> |
| <div class="col-md-6"> |
| <h5> |
| <i class="far fa-user-tag"></i> |
| Originating attorney |
| </h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.originating_attorney.name }} |
| <ng-show ng-show="
|
| viewCard.sourceMatter.originating_attorney.email |
| "> |
| ({{ |
| viewCard.sourceMatter.originating_attorney.email |
| }}) |
| </ng-show> |
| </span> |
| </div> |
| </div> |
| <div class="row mb-0 pb-2 border-botton"> |
| <div class="col-md-4"> |
| <h5> |
| <i class="fal fa-user-alt"></i> |
| Client reference number |
| </h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.client_reference }} |
| </span> |
| </div> |
| <div class="col-md-4"> |
| <h5><i class="far fa-map-marker"></i> Location</h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.location }} |
| </span> |
| </div> |
| <div class="col-md-4"> |
| <h5> |
| <i class="far fa-file-invoice-dollar"></i> |
| Billable |
| </h5> |
| <span class="text-light"> |
| {{ viewCard.sourceMatter.billable ? "Yes" : "No" }}, {{ |
| viewCard.sourceMatter.billing_method |
| }} |
| </span> |
| </div> |
| </div> |
|
|
| <div class="row mb-0 pb-2 border-botton" ng-show="viewCard.sourceMatter.custom_field_values.length > 0"> |
| <div class="col-md-4" ng-repeat="custom_field in viewCard.sourceMatter.custom_field_values | clioCustomFieldsFilled"> |
| <h5>{{ custom_field.field_name }}</h5> |
| <span class="text-light"> |
| <ng-if ng-if="custom_field.picklist_option"> |
| + {{ custom_field.picklist_option.option }} |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.contact"> |
| + {{ custom_field.contact.name }} |
| </ng-if> |
|
|
| <ng-if ng-if="['contact', 'matter', 'picklist'].indexOf(custom_field.field_type) == -1"> |
| + {{ custom_field.value }} |
| </ng-if> |
| </span> |
| </div> |
|
|
| <div class='row w-100' ng-if="clioCustomFieldsNotFilledFiltered.length > 0"> |
| <button |
| type="button" |
| class="btn btn-small btn-outline-primary complete-tasks mb-5" |
| onclick="$('#clio_custom_field_unanswer_fields').toggle('show')" |
| > |
| Show/hide unanswered fields |
| </button> |
| </div> |
|
|
|
|
| <div class='row w-100 ml-2' id="clio_custom_field_unanswer_fields" style="display: none;"> |
| <div class="col-md-4" ng-repeat="custom_field in viewCard.sourceMatter.custom_field_values | clioCustomFieldsNotFilled as clioCustomFieldsNotFilledFiltered"> |
| <h5>{{ custom_field.field_name }}</h5> |
| <span class="text-light"> |
| <ng-if ng-if="custom_field.picklist_option"> |
| + {{ custom_field.picklist_option.option }} |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.contact"> |
| + {{ custom_field.contact.name }} |
| </ng-if> |
|
|
| <ng-if ng-if="['contact', 'matter', 'picklist'].indexOf(custom_field.field_type) == -1"> |
| + {{ custom_field.value }} |
| </ng-if> |
| </span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| </ng-if> |
| </ng-if> |
| |
| <div class="slide-in-content" ng-if="viewCardTab === 'follow_ups'"> |
| |
|
|
| <h3 class="mb-2"> |
| Timeline |
| <span ng-show="!hasAsset('Legalboards')" |
| ><i class="fa fa-exclamation-circle exclusive-feature"></i |
| ></span> |
| </h3> |
| <div class="col-12 px-0"> |
| <form |
| name="followUpFormInline" |
| ng-submit="saveFollowUp(follow_up_form_inline, followUpFormInline)" |
| > |
| <p class="mb-1"> |
| <strong class="color-purple">Create a new follow up</strong> |
| </p> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12 trix-custom"> |
| <trix-editor |
| angular-trix |
| name="description" |
| ng-model="follow_up_form_inline.description" |
| rows="50" |
| placeholder="Do you have some news? Share here!" |
| ng-keyup="dirtyAngularTrix = true" |
| required |
| trix-id="8" |
| onClick="$('#follow_up-form-inline').show('slow'), $('#trix-toolbar-8').show('slow'), document.querySelector('trix-editor').focus();" |
| ></trix-editor> |
| </div> |
| </div> |
|
|
| <div |
| class="form-row mb-3" |
| id="follow_up-form-inline" |
| style="display: none;" |
| > |
| <div class="col-7"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="follow_up_form_inline.type" |
| theme="select2" |
| close-on-selet="false" |
| tagging="tagginFollowUpType" |
| tagging-label="false" |
| name="type" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Type" |
| > |
| {{ follow_up_form_inline.type.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="type in follow_up_parameters | filter: $select.search" |
| > |
| {{ type.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center">Type not found</p> |
| <div class="no-item-create"> |
| <h2>Add New Type</h2> |
| <i class="fad fa-tags"></i> |
| <h4>Hit enter add new</h4> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
|
|
| <div class="col-4"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="followUpFormInline.$invalid || loading" |
| onClick="$('#follow_up-form-inline').hide('slow'), $('#trix-toolbar-8').hide('slow')" |
| ng-class="{ loading: loading }" |
| > |
| Post |
| </button> |
| </div> |
| <div class="col-1"> |
| <a |
| class="btn btn-outline-info btn-block mb-3 px-0" |
| onClick="$('#follow_up-form-inline').hide('slow'), $('#trix-toolbar-8').hide('slow')" |
| > |
| <i class="fad fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </form> |
| </div> |
|
|
| <div class="col-md-6 mt-3 pl-0" ng-show="viewCard.follow_ups.length != 0"> |
| <div class="search-simple"> |
| <input |
| type="text" |
| id="search-timeline" |
| class="form-control" |
| ng-model="searchFollowUps" |
| placeholder="Search about something..." |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
|
|
| <div class="row mb-3 col-12 mr-0 px-0"> |
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="viewCard.follow_ups.length === 0" |
| > |
| <div class="text-center" ng-if="::!hasAnyRole('viewer')"> |
| <img src="https://app.legalboards.io/img/no-timeline.png" width="50%" /> |
| </div> |
| </div> |
| <div |
| class="col-12 mr-0 pl-2 pr-0 pt-3 page-listagem" |
| ng-class="{ 'empty-box': viewCard.follow_ups.length === 0 }" |
| ng-show="viewCard.follow_ups.length != 0" |
| > |
| <div |
| class="col-12 folloup-list" |
| ng-repeat="follow_up in viewCard.follow_ups | filter:searchFollowUps track by follow_up.id" |
| ng-class="{ 'item-new': follow_up.isNew }" |
| > |
| <div ng-show="follow_up.isNew" class="item-new-box"> |
| <i class="fad fa-check-circle item-new-check"></i> |
| </div> |
| <i class="fas fa-circle bullet-timeline"></i> |
| <span class="mb-0 details-task"> |
| <div |
| ng-if="follow_up.user" |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ follow_up.user.first_name }} {{ |
| follow_up.user.last_name |
| }}" |
| style="background-image:url({{ follow_up.user.avatar }});" |
| > |
| <span ng-if="!follow_up.user.avatar"> |
| {{ follow_up.user.initials }} |
| </span> |
| </div> |
|
|
| <div |
| ng-if="!follow_up.user && !follow_up.asset" |
| class="user-avatar user-avatar-list raio-40 mr-2 bg-purple" |
| title="Automation Log" |
| > |
| <i class="fal fa-robot h3 mt-1"></i> |
| </div> |
|
|
| <div |
| ng-show="follow_up.asset" |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ follow_up.asset.name }}" |
| style="background-image:url(img/ico-{{ follow_up.asset.id }}.png);" |
| > |
| </div> |
| <p class="mb-3"> |
| <span ng-if="!follow_up.user && !follow_up.asset"> |
| <strong>Automation Log</strong> |
| </span> |
| <span ng-if="!follow_up.user && follow_up.asset"> |
| <strong>{{ follow_up.asset.name }}</strong> |
| </span> |
| <span ng-if="follow_up.user"> |
| <strong>{{ |
| follow_up.user |
| ? follow_up.user.first_name |
| : follow_up.asset.name |
| }}</strong> |
| </span> |
| <br /> |
| {{ follow_up.created_at | amDateFormat: "L" }} |
| </p> |
| <a |
| class="p-2 btn float-right" |
| ng-click="confirmDeleteFollowUp(follow_up)" |
| ng-if="!hasAnyRole('viewer') && follow_up.user" |
| > |
| <i class="fad fa-trash"></i> |
| </a> |
| <a |
| class="p-2 btn float-right" |
| ng-click="openFollowUpForm(follow_up)" |
| ng-if="!hasAnyRole('viewer') && follow_up.user" |
| > |
| <i class="fad fa-pen"></i> |
| </a> |
| </span> |
| <h4 ng-if="follow_up.type">{{ follow_up.type.name }}</h4> |
| <p |
| class="mb-0 details-task" |
| ng-bind-html="follow_up.description" |
| ></p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <ng-if ng-if="::hasAsset('Tasks')"> |
| |
| <div |
| class="slide-in-content pr-2" |
| ng-if="hasAsset('Tasks') && viewCardTab === 'tasks'" |
| > |
| |
|
|
| <h3 class="mb-2"> |
| Tasks |
|
|
| <span ng-if="::!hasAsset('Legalboards')"> |
| <i |
| class="fa fa-exclamation-circle exclusive-feature" |
| title="This is an exclusive feature!" |
| ></i> |
| </span> |
| <a |
| href="" |
| class="sub-menu small2" |
| ng-click="toggleCardTab('clio-tasks')" |
| ng-if="::hasAsset('Clio') && viewCard.matter_id" |
| > |
| <i class="fas fa-arrow-circle-left"></i> |
| Back to Clio's Tasks |
| </a> |
| <span class="divisor_sub_menu small2"></span> |
| <a ng-href="{{ buildTaskUrl(viewCard) }} " class="sub-menu small2"> |
| <i class="fas fa-th-large"></i> |
| Board View |
| </a> |
| </h3> |
|
|
| <div class="row mb-3 col-12 mr-0 px-0"> |
| <div class="col-12 mt-3 pr-0"> |
| <form |
| name="taskFormInline" |
| ng-submit="createTask(task_form_inline, taskFormInline)" |
| > |
| <p class="mb-1"> |
| <strong class="color-dark">Create a new task here</strong> |
| </p> |
| <div class="form-row mb-3"> |
| <div class="col-12 pr-1"> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="What needs to be done?" |
| name="text" |
| ng-model="task_form_inline.title" |
| name="title" |
| onClick="$('#task-form-inline').show('slow')" |
| required |
| /> |
| </div> |
| </div> |
| <div id="task-form-inline" style="display: none;"> |
| <div class="form-row mb-3"> |
| <div class="col-4"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="task_form_inline.assignee" |
| theme="select2" |
| placeholder="Assignee" |
| required |
| > |
| <ui-select-match |
| placeholder="Assignee" |
| > |
| {{ |
| task_form_inline.assignee.first_name |
| }} |
| {{ task_form_inline.assignee.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="user in account_team | filter:{first_name:$select.search} track by $index" |
| > |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="col-4"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="task_form_inline.status" |
| theme="select2" |
| close-on-selet="false" |
| tagging="tagginTaskStatus" |
| tagging-label="false" |
| name="status" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Status" |
| > |
| {{ task_form_inline.status.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="status in task_statuses | filter: $select.search" |
| > |
| {{ status.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="col-4"> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="due" |
| ng-model="task_form_inline.due" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| <div class="col-11" style="margin-top: 10px;"> |
| <button |
| type="submit" |
| class="btn btn-block btn-primary mb-2" |
| ng-disabled="taskFormInline.$invalid || loading" |
| onClick="$('#task-form-inline').hide('slow')" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="small font-weight-bold w-100 btn-link" |
| ng-click="openNewTaskModal(task_form_inline)" |
| ng-if="::!hasAnyRole('viewer')" |
| type="button" |
| > |
| Advanced |
| </button> |
| </div> |
| <div class="col-1" style="margin-top: 10px;"> |
| <a |
| class="btn btn-outline-danger btn-block mb-3 px-0" |
| onClick="$('#task-form-inline').hide('slow')" |
| > |
| <i class="fad fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </form> |
| </div> |
|
|
| <div |
| class="col-12 mt-3 text-center" |
| ng-cloak |
| ng-show="viewCard.tasks.length === 0" |
| > |
| <img src="https://app.legalboards.io/img/no-tasks.png" width="50%" /> |
| </div> |
|
|
| <div |
| class="row ml-0 mt-3 pr-0 w-100" |
| ng-cloak |
| ng-show="viewCard.tasks.length != 0" |
| > |
| <div |
| class="col-md-4 pl-2 mt-1" |
| ng-show="viewCard.tasks.length != 0" |
| > |
| <div class="search-simple"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchTasks" |
| placeholder="Search Tasks" |
| /> |
| <span class="search-icon pl-2"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
|
|
| <div class="col-md-4 pl-2" ng-show="viewCard.tasks.length != 0"> |
| <div class="input-group" ng-cloak> |
| |
| |
| |
| |
| |
| |
|
|
| <ui-select |
| ng-model="searchReporter" |
| theme="select2" |
| > |
| <ui-select-match allow-clear placeholder="All Reporters"> |
| {{ searchReporter.first_name }} {{ searchReporter.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="member in account_users track by $index" |
| > |
| {{ member.first_name }} {{ member.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="col-md-4 pl-1 pr-0" ng-show="viewCard.tasks.length != 0"> |
| <div class="input-group" ng-cloak> |
| |
| |
| |
| |
| |
| |
|
|
| <ui-select |
| class="mr-0" |
| ng-model="searchAssignee" |
| theme="select2" |
| > |
| <ui-select-match allow-clear placeholder="All Assignee"> |
| {{ searchAssignee.first_name }} {{ searchAssignee.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="member in account_users track by $index" |
| > |
| {{ member.first_name }} {{ member.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
| </div> |
|
|
| <div |
| class="col-12 ml-0 mr-0 pl-2 pr-0 page-listagem" |
| ng-show="viewCard.tasks.length != 0" |
| ng-cloak |
| > |
| <table class="mt-3 table-striped pb-3 colorDark"> |
| <thead> |
| <tr> |
| <th class="p-0" style="width: 50px;"> |
| <md-checkbox |
| ng-model="checkSelectedEditTasksAll.isChecked" |
| ng-change="toggleCheckBoxTask(filteredTasks, checkSelectedEditTasksAll)" |
| aria-label="Toggle" |
| class="md-primary" |
| > |
| </md-checkbox> |
| </th> |
| <th class="p-0" scope="col" ng-show="returnCountOfCheckedTasks(filteredTasks) > 0"> |
| <div |
| class="list-delete but-dropdown-tasks" |
| ng-show="returnCountOfCheckedTasks(filteredTasks) > 0" |
| > |
| <span |
| data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak> |
| <i class="fas fa-sort-down"></i> |
| </span> |
| <div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px"> |
| <div class="card-option-list overflow-auto" style="max-height: 500px;"> |
| <div class="tab-content" id="pills-tabContent-tasks"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 color-primary text-md"><strong>Update Status</strong></p> |
| </div> |
| </div> |
|
|
| <div ng-if="task_statuses_ungrouped.length > 0"> |
| <ul class="nav nav-pills mb-0"> |
| <li class="nav-item w-100" ng-repeat="task_status in task_statuses_ungrouped"> |
| <span ng-click="taskBulkUpdateStatus(filteredTasks, task_status, checkSelectedEditTasksAll)"> |
| {{ task_status.name }} |
| </span> |
| </li> |
| </ul> |
| </div> |
|
|
| <div ng-repeat="group in task_statuses_grouped"> |
| <div class="tab-content"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 text-md font-weight-bold"><strong>{{ group.typeName }}</strong></p> |
| </div> |
| </div> |
| <ul class="nav nav-pills mb-0"> |
| <li class="nav-item w-100" ng-repeat="task_status in group.statuses"> |
| <span ng-click="taskBulkUpdateStatus(filteredTasks, task_status, checkSelectedEditTasksAll)"> |
| {{ task_status.name }} |
| </span> |
| </li> |
| </ul> |
| </div> |
|
|
|
|
| <div class="tab-content" id="pills-tabContent-clio-tasks"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 color-primary text-md"><strong>Delete Tasks</strong></p> |
| </div> |
| </div> |
|
|
| <ul class="nav nav-pills mb-0"> |
| <li class="nav-item w-100" ng-click="confirmTaskBulkDelete(filteredTasks)"> |
| <span><i class="fa fa-trash" ></i> Delete all selected tasks</span> |
| </li> |
| </ul> |
|
|
| </div> |
| </div> |
| </div> |
| </th> |
| <th class="p-0" scope="col"> |
| Title |
| </th> |
| <th class="p-0" scope="col"> |
| Status |
| </th> |
| <th class="p-0" scope="col"> |
|
|
| </th> |
| <th class="p-0" scope="col" class="cursor-pointer" ng-click="tasksOrderBy = 'due'; tasksOrderByReverse = !tasksOrderByReverse"> |
| Due date <i class="fas fa-sort"></i> |
| </th> |
| <th class="p-0" scope="col" width="20px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="task in viewCard.tasks | whereLbObj:{status: {is_done: 0}, assignee: (searchAssignee ? {id: searchAssignee.id }: undefined), reporter: (searchReporter ? {id: searchReporter.id } : undefined)} | orderBy:(tasksOrderBy || 'due'):(!!tasksOrderByReverse) | filter:searchTasks as filteredTasks track by task.id" |
| ng-class="{ 'item-new': task.isNew }" |
| > |
| <td width="25px"> |
| <md-checkbox |
| ng-model="task.isChecked" |
| aria-label="Toggle" |
| class="md-primary" |
| > |
| </md-checkbox> |
| </td> |
| <td class="cursor-pointer" ng-show="returnCountOfCheckedTasks(filteredTasks) > 0" width="25px"> |
| </td> |
| <td |
| class="pl-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| {{ task.title }} |
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </td> |
| <td |
| class="p-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| <span ng-if="task.status.task_type"> |
| {{ task.status.task_type.name }} - |
| </span> |
| {{ task.status.name }} |
| </td> |
| <td |
| class="cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| <div class="d-flex align-items-center flex-nowrap"> |
| <div |
| ng-if="task.assignee_type == 'user'" |
| class="user-avatar user-avatar-list raio-40 float-left" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ task.assignee.avatar }});" |
| title="Assignee: {{ task.assignee.first_name }} {{ |
| task.assignee.last_name |
| }}" |
| > |
| <span |
| ng-show="!task.assignee.avatar" |
| > |
| {{ task.assignee.first_name[0] }}{{ |
| task.assignee.last_name[0] |
| }} |
| </span> |
| </div> |
|
|
| <div |
| ng-if="task.assignee_type == 'squad'" |
| class="user-avatar user-avatar-list raio-40 float-left" |
| ng-style="{'background-color': task.squad.color}" |
| title="{{ task.squad.name }}" |
| > |
| <span> |
| {{ task.squad.name[0] }} |
| </span> |
| </div> |
|
|
| <div |
| class="user-avatar user-avatar-list raio-40 float-left" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ task.reporter.avatar }}); margin-left:-5px;" |
| title="Reporter: {{ task.reporter.first_name }} {{ |
| task.reporter.last_name |
| }}" |
| > |
| <span |
| ng-show="!task.reporter.avatar" |
| > |
| {{ task.reporter.first_name[0] }}{{ |
| task.reporter.last_name[0] |
| }} |
| </span> |
| </div> |
| </div> |
| </td> |
| <td |
| class="pl-2 pr-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| <span |
| ng-class="{ |
| 'late-date': |
| $root.now.isAfter(task.due_at) && |
| !task.status.is_done |
| }" |
| > |
| {{ task.due | amDateFormat: "L" }} |
| |
| |
| |
| |
| |
| |
| |
| |
| </span> |
| </td> |
| <td |
| width="20px" |
| class="cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| <i |
| class="fas fa-arrow-circle-right cursor-pointer color-purple h4 mr-2 mt-2 hover-tr" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| ></i> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
|
|
| <div class="row w-100" ng-show="filteredTasksComplete.length > 0"> |
| <button |
| type="button" |
| class="btn btn-small complete-tasks mb-5" |
| id="but_open_complete_tasks" |
| onclick="$('#complete_tasks_body_task').fadeIn(),$(this).hide(),$('#but_hide_complete_tasks_task').fadeIn();" |
| > |
| Show Completed Tasks |
| </button> |
| </div> |
|
|
| <table |
| class="mt-3 table-striped pb-3 colorDark list-card complete" |
| id="complete_tasks_body_task" |
| style="display: none;" |
| > |
| <thead> |
| <tr> |
| <th> |
| <md-checkbox |
| ng-model="checkSelectedEditTasksAllComplete.isChecked" |
| ng-change="toggleCheckBoxTask(filteredTasksComplete, checkSelectedEditTasksAllComplete)" |
| aria-label="Toggle" |
| class="md-primary" |
| > |
| </md-checkbox> |
| </th> |
| <th scope="col" class="pl-2"> |
| <div |
| class="list-delete but-dropdown-tasks" |
| ng-show="returnCountOfCheckedTasks(filteredTasksComplete) > 0" |
| > |
| <span |
| data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak> |
| <i class="fas fa-sort-down"></i> |
| </span> |
| <div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px"> |
| <div class="card-option-list overflow-auto" style="max-height: 500px;"> |
| <div class="tab-content" id="pills-tabContent-tasks"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 color-primary text-md"><strong>Update Status</strong></p> |
| </div> |
| </div> |
| <div ng-if="task_statuses_ungrouped.length > 0"> |
| <ul class="nav nav-pills mb-0"> |
| <li class="nav-item w-100" ng-repeat="task_status in task_statuses_ungrouped"> |
| <span ng-click="taskBulkUpdateStatus(filteredTasks, task_status, checkSelectedEditTasksAll)"> |
| {{ task_status.name }} |
| </span> |
| </li> |
| </ul> |
| </div> |
|
|
| <div ng-repeat="group in task_statuses_grouped"> |
| <div class="tab-content"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 text-md font-weight-bold"><strong>{{ group.typeName }}</strong></p> |
| </div> |
| </div> |
| <ul class="nav nav-pills mb-0"> |
| <li class="nav-item w-100" ng-repeat="task_status in group.statuses"> |
| <span ng-click="taskBulkUpdateStatus(filteredTasks, task_status, checkSelectedEditTasksAll)"> |
| {{ task_status.name }} |
| </span> |
| </li> |
| </ul> |
| </div> |
|
|
|
|
| <div class="tab-content" id="pills-tabContent-clio-tasks"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 color-primary text-md"><strong>Delete Tasks</strong></p> |
| </div> |
| </div> |
|
|
| <ul class="nav nav-pills mb-0"> |
| <li class="nav-item w-100" > |
| <span ng-click="confirmTaskBulkDelete(filteredTasksComplete)"><i class="fa fa-trash" ></i> Delete all selected tasks</span> |
| </li> |
| </ul> |
|
|
| </div> |
| </div> |
| </div> |
| </th> |
| <th scope="col" class="pl-2"> |
| Title |
| </th> |
| <th scope="col" class="pl-2"> |
| Status |
| </th> |
| <th scope="col"> |
|
|
| </th> |
| <th scope="col" class="pl-2 cursor-pointer" ng-click="tasksOrderBy = 'due'; tasksOrderByReverse = !tasksOrderByReverse"> |
| Due date <i class="fas fa-sort"></i> |
| </th> |
| <th scope="col" width="20px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="task in viewCard.tasks | whereLbObj:{status: {is_done: 1}, assignee: (searchAssignee ? {id: searchAssignee.id }: undefined), reporter: (searchReporter ? {id: searchReporter.id } : undefined)} | orderBy:(tasksOrderBy || 'due'):(!!tasksOrderByReverse) | filter:searchTasks as filteredTasksComplete track by task.id" |
| ng-class="{ 'item-new': task.isNew }" |
| > |
| <td> |
| <md-checkbox |
| ng-model="task.isChecked" |
| aria-label="Toggle" |
| class="md-primary" |
| > |
| </md-checkbox> |
| </td> |
| <td class="p-2 cursor-pointer"> |
|
|
| </td> |
| <td |
| class="pl-2" |
| class="cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| {{ task.title }} |
|
|
| <round-progress |
| class="float-right" |
| max="task.check_lists_count" |
| current="task.check_lists_completed_count" |
| color="#40dbd0" |
| bgcolor="#eaeaea" |
| radius="15" |
| stroke="3" |
| semi="false" |
| rounded="true" |
| clockwise="true" |
| responsive="false" |
| duration="800" |
| animation="easeInOutQuart" |
| animation-delay="0" |
| ng-if="task.check_lists_count > 0"> |
| </round-progress> |
| </td> |
| <td |
| class="p-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| <span ng-if="task.status.task_type"> |
| {{ task.status.task_type.name }} - |
| </span> |
| {{ task.status.name }} |
| </td> |
| <td |
| class="pl" |
| class="cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| <div class="d-flex align-items-center flex-nowrap"> |
| <div |
| ng-if="task.assignee_type == 'user'" |
| class="user-avatar user-avatar-list raio-40" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ task.assignee.avatar }});" |
| title="Assignee: {{ task.assignee.first_name }} {{ |
| task.assignee.last_name |
| }}" |
| > |
| <span |
| ng-show="!task.assignee.avatar" |
| > |
| {{ task.assignee.first_name[0] }}{{ |
| task.assignee.last_name[0] |
| }} |
| </span> |
| </div> |
|
|
| <div |
| ng-if="task.assignee_type == 'squad'" |
| class="user-avatar user-avatar-list raio-40" |
| ng-style="{'background-color': task.squad.color}" |
| title="{{ task.squad.name }}" |
| > |
| <span> |
| {{ task.squad.name[0] }} |
| </span> |
| </div> |
|
|
| <div |
| class="user-avatar user-avatar-list raio-40" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ task.reporter.avatar }}); margin-left:-5px;" |
| title="{{ task.reporter.first_name }} {{ |
| task.reporter.last_name |
| }}" |
| > |
| <span |
| ng-show="!task.reporter.avatar" |
| > |
| {{ task.reporter.first_name[0] }}{{ |
| task.reporter.last_name[0] |
| }} |
| </span> |
| </div> |
| </div> |
| </td> |
| <td |
| class="pl-2 pr-2" |
| class="cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| <span |
| ng-class="{ |
| 'late-date': |
| $root.now.isAfter(task.due_at) && |
| !task.status.is_done |
| }" |
| > |
| {{ task.due | amDateFormat: "L" }} |
| <small |
| class="late" |
| ng-if="
|
| now.isAfter(task.due) && |
| !task.status.is_done |
| " |
| ><i class="fad fa-engine-warning"></i |
| ></small> |
| </span> |
| </td> |
| <td |
| width="20px" |
| class="cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| > |
| <i |
| class="fas fa-arrow-circle-right cursor-pointer color-purple h4 mt-2 mr-2 hover-tr" |
| ng-click="$event.stopPropagation(); openViewTask(task)" |
| ></i> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
|
|
| <div class="row w-100" ng-show="filteredTasksComplete.length > 0"> |
| <button |
| type="button" |
| style="display: none;" |
| id="but_hide_complete_tasks_task" |
| class="btn btn-small btn-primary complete-tasks" |
| onclick="$('#complete_tasks_body_task').hide(),$(this).hide(),$('#but_open_complete_tasks').fadeIn();" |
| > |
| Hide Completed Tasks |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| </ng-if> |
| <ng-if ng-if="::$root.hasCustomFieldsModule()"> |
| |
| <div |
| class="slide-in-content" |
| ng-if="viewCardTab === 'custom-data'" |
| ng-if="$root.hasCustomFieldsModule()" |
| > |
| <h3 class="mb-2"> |
| Custom Data |
| </h3> |
|
|
| <div |
| class="alert alert-success" |
| role="alert" |
| ng-if="alertCustomFieldSuccess" |
| > |
| <span>{{ alertCustomFieldSuccess }}</span> |
| </div> |
|
|
| <div class="col-12 text-center" |
| ng-if="
|
| !!viewCard.custom_field && |
| (!viewCard.custom_field.custom_fields || |
| viewCard.custom_field.custom_fields.length === 0) && |
| $root.isAccountOwner() |
| "> |
| <img src="https://app.legalboards.io/img/no-custom-fields-card.png" width="50%" /> |
| <br /> |
|
|
| <small |
| ng-if="
|
| !!viewCard.custom_field && |
| (!viewCard.custom_field.custom_fields || |
| viewCard.custom_field.custom_fields.length === 0) && |
| $root.isAccountOwner() |
| " |
| > |
| <i class="fas fa-lightbulb color-purple"></i> |
| How about creating more fields for you? |
| <a |
| href="" |
| onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#new-contact-modal').removeClass('show')" |
| >Click here and find how</a |
| > |
| </small> |
|
|
| </div> |
|
|
| <div class="min-h-88"> |
| <form |
| name="formCustomFieldAnswer" |
| ng-submit="saveCustomFieldAnswers(viewCard.custom_field, formCustomFieldAnswer)" |
| ng-if="viewCard.custom_field.custom_fields.length > 0" |
| > |
| <div class="col-md-6 mt-3 pl-0"> |
| <div class="search-simple"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchCustomFields" |
| placeholder="Search Custom Fields" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div class="form-row mb-3"> |
| <div |
| class="col-12 mt-2" |
| ng-repeat="custom_field in viewCard.custom_field.custom_fields | |
| filter:searchCustomFields | |
| checkAtLeastOneFilled track by custom_field.id" |
| > |
| <label> |
| {{ custom_field.value }} |
| <ng-if ng-if="custom_field.required"> |
| (*) |
| </ng-if> |
| </label> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'text'"> |
| <div class="d-flex align-items-center"> |
| <textarea |
| class="form-control" |
| name="text" |
| ng-model="custom_field.answer[0].answer" |
| name="description" |
| ng-required="!custom_field.state || custom_field.state === 'was-empty'" |
| ng-readonly="::hasAnyRole('viewer')" |
| > |
| </textarea> |
| <a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field"> |
| <i class="fa-solid ml-2 text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'input'"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| class="form-control" |
| name="input" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!custom_field.state || custom_field.state === 'was-empty'" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| <a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field"> |
| <i class="fa-solid ml-2 text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'date'"> |
| <div class="datepicker-container"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="date" |
| ng-model="custom_field.answer[0].answer" |
| required="custom_field.required" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| <span class="datepicker-icon delete-icon" |
| ><i class="fas fa-caret-down pl-5"></i |
| ></span> |
| <a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field"> |
| <i class="fa-solid ml-2 text-lg fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'select'"> |
| <div class="d-flex align-items-center"> |
| <ui-select |
| ng-model="custom_field.answer[0].option" |
| theme="select2" |
| ng-required="!custom_field.state || custom_field.state === 'was-empty'" |
| ng-readonly="::hasAnyRole('viewer')" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="{{ custom_field.value }}" |
| > |
| {{ custom_field.answer[0].option.value }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="option in custom_field.options | filter:$select.search " |
| > |
| {{ option.value }} |
| </ui-select-choices> |
| </ui-select> |
| <a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field"> |
| <i class="fa-solid ml-2 text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'money'"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| class="form-control" |
| name="number" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!custom_field.state || custom_field.state === 'was-empty'" |
| ui-money-mask |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| <a href="" ng-click="removeToUsedCustomField(custom_field.id)" class="remove-custom-field"> |
| <i class="fa-solid ml-2 text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'upload'"> |
| <div class="d-flex align-items-center"> |
| <div class="d-flex justify-content-between w-full"> |
| <div class="upload-container" ng-if="custom_field.upload_document_type !== 'document'"> |
| <label for="file-input" class="file-name-label"> |
| <input |
| type="text" |
| class="form-control file-name-input" |
| ng-model="custom_field.answer[0].answer" |
| placeholder="Select File" |
| readonly |
| ng-required="!custom_field.state || custom_field.state === 'was-empty'" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </label> |
| <input |
| id="file-input" |
| type="file" |
| class="file-input" |
| name="upload" |
| file-change="setFilledCustomField(custom_field, $event)" |
| ng-required="custom_field.required && !custom_field.answer[0].answer" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </div> |
| <div class="upload-container" style="margin-bottom: 18px" ng-if="custom_field.upload_document_type === 'document'"> |
| <ui-select |
| style="z-index: auto !important;" |
| ng-model="custom_field.answer[0].saved_document" |
| on-select="
|
| custom_field.answer[0].document_id = custom_field.answer[0].saved_document.id; |
| " |
| theme="select2"> |
| <ui-select-match allow-clear placeholder="Select Document"> |
| {{ custom_field.answer[0].saved_document.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="document in viewCard.documents | filter:$select.search track by $index"> |
| {{ document.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="p-3 d-flex"> |
| <a href="#" |
| ng-click="
|
| custom_field.upload_document_type = custom_field.upload_document_type === 'document' ? 'file' : 'document'; |
| custom_field.document = ''; |
| " |
| class="mr-2"> |
| <i |
| ng-class="custom_field.upload_document_type === 'document' ? 'fas fa-archive' : 'fa-solid fa-folder-arrow-up'" |
| class=" text-primary text-lg"></i> |
| </a> |
|
|
| <a ng-if="custom_field.answer[0].answer && custom_field.answered.document" |
| href="#" |
| class="mr-2" |
| ng-click="documentsDownload(custom_field.answered.document)" |
| type="button" |
| > |
| <i class="fas text-lg fa-arrow-circle-down color-purple"></i> |
| </a> |
| <a ng-if="custom_field.answer[0].answer && custom_field.answered.document" |
| href="#" |
| class="mr-2" |
| ng-click="getDocumentLink(custom_field.answered.document)" |
| type="button" |
| > |
| <i class="text-lg" ng-class="{ |
| 'fa-solid fa-check text-success': isSuccessCopyLink, |
| 'fa-regular fa-link share-link-color': !isSuccessCopyLink |
| }"></i> |
| </a> |
| <a href="" ng-click="removeCustomField(custom_field)" class="remove-custom-field"> |
| <i class="fa-solid ml-1 text-lg fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </ng-if> |
| </div> |
|
|
| <div class="col-12 pt-3"> |
| <div class="form-btn-container mt-3" ng-if="!hasAnyRole('viewer')"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="!formCustomFieldAnswer.$dirty || formCustomFieldAnswer.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| </div> |
| </div> |
|
|
| <div class="col-12 mt-3 border-top pt-3"> |
| <h5 class="text-md">Add More Information:</h5> |
| <label>Select the custom information you want to include here.</label> |
| <ui-select ng-model="cardCustomFieldSelected" theme="select2" |
| on-select="addToUsedCustomField(cardCustomFieldSelected.id,$select)"> |
| <ui-select-match allow-clear placeholder="Select Custom Field to Add"> |
| {{ cardCustomFieldSelected.value }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="custom_field in viewCard.custom_field.custom_fields | filter:$select.search | checkBothEmpty track by custom_field.id"> |
| {{ custom_field.value }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
| </form> |
| </div> |
| </div> |
| |
| </ng-if> |
| <ng-if ng-if="::hasAsset('Clio')"> |
| |
| <div |
| class="slide-in-content" |
| ng-if="viewCardTab === 'clio-activities'" |
| ng-if="hasAsset('Clio')" |
| > |
| |
|
|
| <h3 class="mb-2"> |
| Activities |
| </h3> |
|
|
| <div class="row mb-3 col-12 mr-0 px-0"> |
| <div class="col-8 mt-3"> |
| <div class="search"> |
| <input type="text" class="form-control" ng-model="searchActivities" placeholder="Search Activities" /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div class="col-4 mt-3"> |
| <button class="btn btn-primary btn-block" ng-click="openClioActiviyForm()" ng-if="::!hasAnyRole('viewer')"> |
| New Activity |
| </button> |
| </div> |
|
|
| <div class="col-12 ml-0 mr-0 pl-2 pr-3 page-listagem"> |
| <table class="mt-3 table-striped pb-3 colorDark"> |
| <thead> |
| <th class="p-2">Time</th> |
| <th class="p-2">Type</th> |
| <th class="p-2">Rate <span class="text-sm">($/H)</span></th> |
| <th class="p-2">Date</th> |
| <th class="p-2">User</th> |
| <th class="p-2">Description</th> |
| <th class="p-2"></th> |
| </thead> |
| <tbody> |
| <tr ng-repeat="activity in viewCard.sourceMatter.activities | filter:searchActivities | orderBy:'-date' track by $index"> |
| <td class="p-2">{{ activity.rounded_quantity | secondsToTime }}</td> |
| <td class="p-2"> |
| <i class="fas fa-clock" ng-if="activity.type === 'ExpenseEntry'"></i> |
| <i class="fas fa-money-bill" ng-if="activity.type === 'TimeEntry'"></i> |
| </td> |
| <td class="p-2">{{ activity.price | currency: "" }} |
| {{ activity.price * activity.rounded_quantity_in_hours | currency: ""}} |
| </td> |
| <td class="p-2">{{ activity.date | amDateFormat: "L" }}</td> |
| <td class="p-2">{{ activity.user.name }}</td> |
| <td class="p-2"> |
| <span class="text-light" ng-bind-html="activity.note | htmlToPlaintext | html"></span> |
| </td> |
| <td class="p-2"> |
| <a href="javascript:;" ng-click="openClioActiviyForm(activity)" ng-if="::!hasAnyRole('viewer')"> |
| <i class="far fa-edit"></i> |
| </a> |
| <a href="javascript:;" class="text-danger float-right" ng-click="confirmClioDeleteActivity(activity, $index)" ng-if="::!hasAnyRole('viewer')"> |
| <i class="fas fa-trash"></i> |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
|
|
| <div class="col-12 mt-3" ng-cloak ng-show="viewCard.sourceMatter.activities.length === 0"> |
| <div class="pl-2 pr-4 empty-block"> |
| <a href=""> |
| <strong>No Activities Yet</strong> |
| </a> |
| </div> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| </div> |
| |
| |
| <div |
| class="slide-in-content" |
| ng-if="viewCardTab === 'clio-tasks'" |
| ng-if="hasAsset('Clio')" |
| > |
| |
|
|
| <h3 class="mb-2"> |
| Tasks |
|
|
| <a |
| href="" |
| class="sub-menu small2" |
| ng-click="toggleCardTab('tasks')" |
| ng-if="::hasAsset('Tasks')" |
| > |
| <i class="fas fa-check-square"></i> |
| <span class="expand" |
| >General Tasks |
| <span ng-show="::!hasAsset('Legalboards')"> |
| <i |
| class="fa fa-exclamation-circle exclusive-feature" |
| title="This is an exclusive feature!" |
| ></i> |
| </span> |
| </span> |
| </a> |
| <span class="divisor_sub_menu small2"></span> |
| <a ng-href="{{ buildClioTaskUrl(viewCard) }} " class="sub-menu small2"> |
| <i class="fas fa-th-large"></i> |
| Board View |
| </a> |
| </h3> |
|
|
| <div class="col-12 mt-3 px-0 pl-1"> |
| <form |
| name="clioTaskFormInline" |
| ng-submit="saveClioTask(clio_task_form_inline, clioTaskFormInline)" |
| > |
| <p class="mb-1"> |
| <strong class="color-dark">Create a new task here</strong> |
| </p> |
| <div class="form-row mb-3"> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="What needs to be done?" |
| name="name" |
| ng-model="clio_task_form_inline.name" |
| onClick="$('#clio-task-form-inline').show('slow'); callDatePicker();" |
| required |
| /> |
| </div> |
| <div id="clio-task-form-inline" style="display: none"> |
| <div class="form-row mb-3"> |
| <label> Description</label> |
| <textarea |
| ng-model="clio_task_form_inline.description" |
| class="form-control" |
| name="description" |
| required |
| ></textarea> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
|
|
| <label> Assignee</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="clio_task_form_inline.assignee" |
| theme="select2" |
| close-on-selet="false" |
| name="assignee" |
| required |
| ng-click="clio_task_form_inline.assignee_type = clio_task_form_inline.assignee.sourceType;" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Users / Contacts" |
| > |
| {{ |
| clio_task_form_inline.assignee.first_name |
| }} |
| {{ clio_task_form_inline.assignee.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchContactsAndUsers($select, {email_only: true}, automation_assignees)" |
| refresh-delay="1000" |
| repeat="assignee in clio_search_contacts_and_users | filter:{optionType: '!squad'} track by $index" |
| group-by="'optionType'" |
| > |
| {{ assignee.first_name }} {{ |
| assignee.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
|
|
|
|
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-4"> |
|
|
| <label> |
| Priority |
| </label> |
| <select |
| class="form-control" |
| name="clio_task_form_priority" |
| ng-model="clio_task_form_inline.priority" |
| ng-options="key as value for (key , value) in clio_task_priorities" |
| required |
| > |
| </select> |
| </div> |
| <div class="col-4"> |
| <label> Due date</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="due_at" |
| ng-model="clio_task_form_inline.due_at" |
| required |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
|
|
| <div class="col-4"> |
| <label> Status</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="clio_task_form_inline.status" |
| theme="select2" |
| close-on-selet="false" |
| name="type" |
| search-enabled="false" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Status" |
| > |
| {{ clio_task_form_inline.status.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="status in clio_task_statuses" |
| > |
| {{ status.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="col-11 mt-2"> |
| <label> </label> |
| <button |
| type="submit" |
| class="btn btn-block btn-primary mb-2" |
| ng-disabled="clioTaskFormInline.$invalid || loading" |
| onClick="$('#clio-task-form-inline').hide('slow')" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="small font-weight-bold w-100 btn-link" |
| ng-click="openClioTaskForm(clio_task_form_inline)" |
| ng-if="::!hasAnyRole('viewer')" |
| type="button" |
| > |
| Advanced |
| </button> |
| </div> |
| <div class="col-1 mt-2"> |
| <label> </label> |
| <a |
| class="btn btn-outline-danger btn-block mb-3 px-0" |
| onClick="$('#clio-task-form-inline').hide('slow')" |
| > |
| <i class="fad fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </form> |
| </div> |
|
|
| <div class="row mb-3 col-12 mx-0 px-0"> |
| <div class="col-md-6 mt-3 pl-0"> |
| <div class="search-simple"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchTasks" |
| placeholder="Search Tasks" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div class="col-md-6 mt-3 pl-0 pr-0"> |
| <div class="input-group mr-0" ng-cloak> |
| <ui-select |
| autofocus-ui-select |
| ng-model="searchAssignee" |
| theme="select2" |
| class="mr-0" |
| on-select="setSearchAssigner(searchAssignee);" |
| autofocus-ui-select |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="All Assignees" |
| > |
| {{ searchAssignee.name }} <ng-if ng-if="searchAssignee.email">({{ searchAssignee.email }})</ng-if> |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchContactsAndUsers($select, {only_email: true}, [])" |
| refresh-delay="500" |
| repeat="source in clio_search_contacts_and_users | filter:{name:$select.search} track by source.id" |
| group-by="'sourceType'" |
| > |
| {{ source.name }} <ng-if ng-if="source.email">({{ source.email }})</ng-if> |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div |
| class="col-12 mt-3 text-center" |
| ng-cloak |
| ng-show="viewCard.sourceMatter.tasks.length === 0" |
| > |
| <img src="https://app.legalboards.io/img/no-tasks.png" width="50%" /> |
| </div> |
|
|
| <div |
| class="col-12 ml-0 mr-0 px-0 page-listagem" |
| ng-show="viewCard.sourceMatter.tasks.length > 0" |
| ng-cloak |
| > |
| <table class="mt-3 table-striped pb-3 colorDark"> |
| <thead> |
| <tr> |
| <th class="p-0 "> |
| <md-checkbox |
| class="md-primary" |
| ng-model="checkSelectedEditClioTasksAll.isChecked" |
| ng-change="toggleCheckBoxTask(filteredTasks, checkSelectedEditClioTasksAll)" |
| aria-label="Toggle" |
| > |
| </md-checkbox> |
| </th> |
| <th scope="col" class="p-0"> |
| <div |
| class="list-delete but-dropdown-tasks" |
| ng-show="returnCountOfCheckedTasks(filteredTasks) > 0" |
| > |
| <span |
| data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak> |
| <i class="fas fa-sort-down"></i> |
| </span> |
| <div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px" > |
| <div class="card-option-list"> |
| <div class="tab-content" id="pills-tabContent-clio-tasks"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 color-primary text-md"><strong>Update Status</strong></p> |
| </div> |
| </div> |
| <ul class="nav nav-pills mb-0" id="pills-tab-clio-tasks" role="tablist"> |
| <li class="nav-item w-100" ng-repeat="clio_task_status in clio_task_statuses"> |
| <span ng-click="clioTaskBulkUpdateStatus(filteredTasks, clio_task_status.id, checkSelectedEditClioTasksAll)"> {{ clio_task_status.name }}</span> |
| </li> |
| </ul> |
|
|
| <div class="tab-content" id="pills-tabContent-clio-tasks"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 color-primary text-md"><strong>Delete Tasks</strong></p> |
| </div> |
| </div> |
|
|
| <ul class="nav nav-pills mb-0"> |
| <li class="nav-item w-100" ng-click="confirmClioTaskBulkDelete(filteredTasks)"> |
| <span><i class="fa fa-trash" ></i> Delete all selected tasks</span> |
| </li> |
| </ul> |
|
|
|
|
|
|
| </div> |
| </div> |
| </div> |
| </th> |
| <th scope="col" class="p-0 pl-2 cursor-pointer" ng-click="tasksOrderBy = 'name'; tasksOrderByReverse = !tasksOrderByReverse;"> |
| Title |
| </th> |
| <th scope="col" class="p-0 "> |
| Status |
| </th> |
| <th scope="col" class="p-0 "> |
|
|
| </th> |
| <th scope="col" class="p-0 cursor-pointer" ng-click="tasksOrderBy = 'due_at'; tasksOrderByReverse = !tasksOrderByReverse;"> |
| Due date <i class="fas fa-sort"></i> |
| </th> |
| |
| |
| |
| <th scope="col" class="p-0 " width="20px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="task in viewCard.sourceMatter.tasks | whereLbObj:{ status: {is_done: 0} } | whereLbObj:{assignee: (searchAssignee ? {id: searchAssignee.id} : undefined) } | orderBy:(tasksOrderBy || 'due_at'):(!!tasksOrderByReverse) | filter:searchTasks as filteredTasks track by $index" |
| ng-class="{ 'item-new': task.isNew }" |
| class="priority-border-{{ task.priority }}" |
| style="border-left: 2px solid transparent;" |
| > |
| <td width="25px"> |
| <md-checkbox |
| class="md-primary" |
| ng-model="task.isChecked" |
| aria-label="Toggle" |
| > |
| </md-checkbox> |
| </td> |
| <td class="cursor-pointer"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </td> |
| <td |
| class="p-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| {{ task.name }} |
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </td> |
| <td |
| class="p-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| {{ task.status.name }} |
| </td> |
| <td |
| class="cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| <div class="d-flex align-items-center flex-nowrap"> |
| <div |
| ng-if="task.assignee_type !== 'squad'" |
| class="user-avatar user-avatar-list raio-40 float-left" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ |
| task.assignee.avatar.url |
| }});" |
| title="Assignee: {{ task.assignee.first_name }} {{ |
| task.assignee.last_name |
| }}" |
| > |
| <span ng-show="!task.assignee.avatar"> |
| {{ task.assignee.first_name[0] }}{{ |
| task.assignee.last_name[0] |
| }} |
| </span> |
| </div> |
|
|
| <div |
| ng-if="task.assignee_type !== 'squad'" |
| class="user-avatar user-avatar-list raio-40 float-left" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ |
| task.assigner.avatar.url |
| }}); margin-left:-5px;" |
| title="Reporter:{{ task.assigner.first_name }} {{ |
| task.assigner.last_name |
| }}" |
| > |
| <span ng-show="!task.assigner.avatar"> |
| {{ task.assigner.first_name[0] }}{{ |
| task.assigner.last_name[0] |
| }} |
| </span> |
| </div> |
|
|
| <div |
| ng-if="task.assignee_type == 'squad'" |
| class="user-avatar user-avatar-list raio-40 float-left" |
| ng-style="::{ 'background-color': task.squad.color }" |
| title="{{ task.squad.name }}" |
| > |
| <span> |
| {{ task.squad.name[0] }} |
| </span> |
| </div> |
|
|
| <div |
| ng-if="task.assignee_type === 'squad'" |
| class="user-avatar user-avatar-list raio-40 float-left" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ |
| task.reporter.avatar.url |
| }}); margin-left:-5px;" |
| title="Reporter:{{ task.reporter.first_name }} {{ |
| task.reporter.last_name |
| }}" |
| > |
| <span ng-show="!task.reporter.avatar"> |
| {{ task.reporter.first_name[0] }}{{ |
| task.reporter.last_name[0] |
| }} |
| </span> |
| </div> |
|
|
| </div> |
| </td> |
| <td |
| class="p-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| <span |
| ng-class="{ |
| 'late-date': |
| $root.now.isAfter(task.due_at) && |
| !task.status.is_done |
| }" |
| > |
| {{ task.due_at | amDateFormat: $root.momentFormat }} |
| |
| |
| |
| |
| |
| |
| |
| |
| </span> |
| </td> |
| |
| |
| |
| |
| |
| <td |
| class="cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| |
| |
| |
| |
| </td> |
| </tr> |
| </tbody> |
| |
| </table> |
|
|
| |
|
|
| <div class="row w-100" ng-show="filteredTasksComplete.length > 0"> |
| <button |
| type="button" |
| class="btn btn-small btn-primary complete-tasks mb-5" |
| id="but_open_complete_tasks" |
| onclick="$('#complete_tasks_body').fadeIn(),$(this).hide(),$('#but_hide_complete_tasks').fadeIn();" |
| > |
| Show Completed Tasks |
| </button> |
| </div> |
|
|
| <table |
| class="mt-3 table-striped pb-3 colorDark list-card complete" |
| style="display: none" |
| id="complete_tasks_body" |
| > |
| <thead> |
| <tr> |
| <th class="py-0"> |
|
|
| <md-checkbox |
| class="md-primary" |
| ng-model="checkSelectedEditClioTasksAllComplete.isChecked" |
| ng-change="toggleCheckBoxTask(filteredTasksComplete, checkSelectedEditClioTasksAllComplete)" |
| aria-label="Toggle" |
| > |
| </md-checkbox> |
| </th> |
| <th scope="col" class="pl-2 py-0"> |
| <div |
| class="list-delete but-dropdown-tasks" |
| ng-show="returnCountOfCheckedTasks(filteredTasksComplete) > 0" |
| > |
| <span |
| data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" ng-cloak> |
| <i class="fas fa-sort-down"></i> |
| </span> |
| <div class="dropdown-menu list-dropdown p-0 status-task-update" style="width: 250px" > |
| <div class="card-option-list"> |
| <div class="tab-content" id="pills-tabContent-clio-tasks"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 color-primary text-md"><strong>Update Status</strong></p> |
| </div> |
| </div> |
| <ul class="nav nav-pills mb-0" id="pills-tab-clio-tasks" role="tablist"> |
| <li class="nav-item w-100" ng-repeat="clio_task_status in clio_task_statuses"> |
| <span ng-click="clioTaskBulkUpdateStatus(filteredTasksComplete, clio_task_status.id, checkSelectedEditClioTasksAll)"> {{ clio_task_status.name }}</span> |
| </li> |
| </ul> |
|
|
| <div class="tab-content" id="pills-tabContent-clio-tasks"> |
| <div class="tab-pane fade p-2 show active tab-pane-list-actions" role="tabpanel"> |
| <p class="m-0 color-primary text-md"><strong>Delete Tasks</strong></p> |
| </div> |
| </div> |
|
|
| <ul class="nav nav-pills mb-0"> |
| <li class="nav-item w-100" ng-click="confirmClioTaskBulkDelete(filteredTasksComplete)"> |
| <span><i class="fa fa-trash" ></i> Delete all selected tasks</span> |
| </li> |
| </ul> |
|
|
|
|
|
|
| </div> |
| </div> |
| </div> |
| </th> |
| <th scope="col" class="pl-2 py-0 cursor-pointer" ng-click="tasksCompleteOrderBy = 'name'; tasksCompleteOrderByReverse = !tasksCompleteOrderByReverse"> |
| Title |
| </th> |
| <th scope="col" class="pl-2 py-0"> |
| Status |
| </th> |
| <th scope="col" class="py-0"></th> |
| <th scope="col" class="pl-2 py-0 cursor-pointer" ng-click="tasksCompleteOrderBy = 'due_at'; tasksCompleteOrderByReverse = !tasksCompleteOrderByReverse"> |
| Date <i class="fas fa-sort"></i> |
| </th> |
| <th scope="col" class="py-0" width="20px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="task in viewCard.sourceMatter.tasks | whereLbObj:{ status: {is_done: 1} } | whereLbObj:{assignee: (searchAssignee ? {id: searchAssignee.id} : undefined) } | orderBy:(tasksCompleteOrderBy || 'due_at'):(!!tasksCompleteOrderByReverse) | filter:searchTasks as filteredTasksComplete track by $index " |
| ng-class="{ 'item-new': task.isNew }" |
| style="border-left: 2px solid transparent;" |
| class="priority-border-{{ task.priority }}" |
| > |
| <td width="25px"> |
| <md-checkbox |
| class="md-primary" |
| ng-model="task.isChecked" |
| aria-label="Toggle" |
| > |
| </md-checkbox> |
| </td> |
| <td class="cursor-pointer" width="25px"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </td> |
| <td |
| class="p-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| {{ task.name }} |
|
|
| <round-progress |
| class="float-right" |
| max="task.check_lists_count" |
| current="task.check_lists_completed_count" |
| color="#40dbd0" |
| bgcolor="#eaeaea" |
| radius="15" |
| stroke="3" |
| semi="false" |
| rounded="true" |
| clockwise="true" |
| responsive="false" |
| duration="800" |
| animation="easeInOutQuart" |
| animation-delay="0" |
| ng-if="task.check_lists_count > 0"> |
| </round-progress> |
| </td> |
| <td |
| class="p-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| {{ task.status.name }} |
| </td> |
| <td |
| class="p-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| <div class="d-flex align-items-center flex-nowrap"> |
| <div |
| class="user-avatar user-avatar-list raio-40 float-left" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ |
| task.assignee.avatar.url |
| }});" |
| title="Assignee: {{ task.assignee.first_name }} {{ |
| task.assignee.last_name |
| }}" |
| > |
| <span |
| ng-show="!task.assignee.avatar" |
| title="Assignee: {{ task.assignee.first_name }} {{ |
| task.assignee.last_name |
| }}" |
| > |
| {{ task.assignee.first_name[0] }}{{ |
| task.assignee.last_name[0] |
| }} |
| </span> |
| </div> |
|
|
| <div |
| class="user-avatar user-avatar-list raio-40 float-left" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ |
| task.assigner.avatar.url |
| }});" |
| > |
| <span |
| ng-show="!task.assigner.avatar" |
| title="Reporter: {{ task.assigner.first_name }} {{ |
| task.assigner.last_name |
| }}" |
| > |
| {{ task.assigner.first_name[0] }}{{ |
| task.assigner.last_name[0] |
| }} |
| </span> |
| </div> |
| </div> |
| </td> |
| <td |
| class="p-2 cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| <span |
| ng-class="{ |
| 'late-date': |
| $root.now.isAfter(task.due_at) && |
| !task.status.is_done |
| }" |
| > |
| {{ task.due_at | amDateFormat: "L" }} |
| <small |
| class="late" |
| ng-if="
|
| now.isAfter(task.due_at) && |
| !task.status.is_done |
| " |
| ><i class="fad fa-engine-warning"></i |
| ></small> |
| </span> |
| </td> |
| <td |
| class="cursor-pointer" |
| ng-click="$event.stopPropagation(); openViewClioTask(task)" |
| > |
| |
| |
| |
| |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| <div class="row w-100" ng-show="filteredTasksComplete.length > 0"> |
| <button |
| type="button" |
| style="display: none" |
| id="but_hide_complete_tasks" |
| class="btn btn-small btn-primary complete-tasks" |
| onclick="$('#complete_tasks_body').hide(),$(this).hide(),$('#but_open_complete_tasks').fadeIn();" |
| > |
| Hide Completed Tasks |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div |
| class="slide-in-content" |
| ng-if="viewCardTab === 'clio-notes'" |
| ng-if="hasAsset('Clio')" |
| > |
| |
|
|
| <h3 class="mb-2"> |
| Notes |
| </h3> |
|
|
| <div class="row mb-3"> |
| <div class="col-12 mt-2" ng-if="::!hasAnyRole('viewer')"> |
| <form |
| name="clioNoteFormInline" |
| ng-submit="saveClioNote(note, clioNoteFormInline)" |
| > |
| <p class="mb-1"> |
| <strong class="color-purple">Create a new note here</strong> |
| </p> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <textarea |
| ng-model="note.detail" |
| name="detail" |
| class="form-control" |
| required |
| row="1" |
| onClick="$('#clio-note-form-inline').show('slow')" |
| placeholder="What do you want to share?" |
| ></textarea> |
| </div> |
| </div> |
|
|
|
|
|
|
| <div id="clio-note-form-inline" style="display: none;"> |
| <div class="form-row mb-3"> |
| <div class="col-4"> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Subject" |
| name="subject" |
| ng-model="note.subject" |
| required |
| /> |
| </div> |
|
|
| <div class="col-3"> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="date" |
| ng-model="note.date" |
| required |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
|
|
| <div class="col-4"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="clioNoteFormInline.$invalid || loading" |
| onClick="$('#clio-note-form-inline').hide('slow')" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| </div> |
| <div class="col-1"> |
| <a |
| class="btn btn-outline-info btn-block mb-3 px-0" |
| onClick="$('#clio-note-form-inline').hide('slow')" |
| > |
| <i class="fad fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
|
|
| |
| <div class="col-md-6 mt-3 pl-0" ng-show="viewCard.sourceMatter.notes.length != 0"> |
| <div class="search-simple"> |
| <input |
| type="text" |
| id="search-NOTES" |
| class="form-control" |
| ng-model="searchNotes" |
| placeholder="Search about something..." |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
|
|
| |
| <div class="col-12 pl-0 mt-3"> |
| <div |
| class="col-12 mt-3 text-center" |
| ng-cloak |
| ng-show="viewCard.sourceMatter.notes.length === 0" |
| > |
| <img src="https://app.legalboards.io/img/no-notes.png" width="50%" /> |
| </div> |
|
|
| <div |
| ng-class="{ 'empty-box': viewCard.sourceMatter.notes.length === 0 }" |
| ng-cloak |
| > |
| <div |
| class="col-12 folloup-list" |
| ng-repeat="note in viewCard.sourceMatter.notes | orderBy:'-id' | filter:searchNotes track by $index" |
| ng-class="{ 'item-new': note.isNew }" |
| > |
| <div ng-show="note.isNew" class="item-new-box"> |
| <i class="fad fa-check-circle item-new-check"></i> |
| </div> |
| <i class="fas fa-circle bullet-timeline"></i> |
| <span class="mb-0 details-task"> |
| <div |
| ng-if="note.subject | shouldShowAASPIcon" |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url({{ note.subject | shouldShowAASPIcon }});" |
| > |
| </div> |
|
|
| <div |
| ng-if="!(note.subject | shouldShowAASPIcon) && note.author" |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ note.author.name }}" |
| > |
| <span>{{ note.author.name | nameToInitials }}</span> |
| </div> |
|
|
| <p> |
| <ng-if ng-if="!(note.subject | shouldShowAASPIcon)">{{ note.author.name }}</ng-if> |
| <ng-if ng-if="(note.subject | shouldShowAASPIcon)">AASP</ng-if> |
| <br /> |
| {{ note.date | amDateFormat: "L" }} |
| </p> |
| <a |
| class="p-2 btn float-right" |
| ng-click="confirmClioDeleteNote(note, $index)" |
| ng-if="::!hasAnyRole('viewer')" |
| > |
| <i class="fad fa-trash"></i> |
| </a> |
| <a |
| class="p-2 btn float-right" |
| ng-click="openClioNoteForm(note)" |
| ng-if="::!hasAnyRole('viewer')" |
| > |
| <i class="fad fa-pen"></i> |
| </a> |
| </span> |
| <h4>{{ note.subject }}</h4> |
| <p |
| class="mb-0 details-task" |
| ng-bind-html="note.detail | htmlToPlaintext | html" |
| ></p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="slide-in-content" ng-if="hasAsset('Clio') && viewCardTab === 'clio-communications'"> |
| |
|
|
| <h3 class="mb-2"> |
| Communications |
| </h3> |
|
|
|
|
| <div class="col-12 pl-0"> |
| <div class="col-12 mt-3 text-center" ng-cloak ng-if="viewCard.clio_communications.length === 0"> |
| <img src="https://app.legalboards.io/img/no-communications.png" width="50%" /> |
| </div> |
|
|
| <div |
| ng-if="viewCard.clio_communications.length > 0" |
| ng-class="{ 'empty-box': viewCard.clio_communications.length === 0 }" ng-cloak |
| > |
| <table class="mt-3 table-striped pb-3 colorDark w-100"> |
| <thead class="light"> |
| <tr> |
| <th ></th> |
| <th>Sender > Receiver</th> |
| <th>Subject</th> |
| <th>Date</th> |
| <th></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="clio_communication in viewCard.clio_communications | orderBy:'-id' track by $index"> |
|
|
| <td> |
| <i class="fas fa-phone h5 mt-3 ml-2" ng-if="clio_communication.type == 'PhoneCommunication'"></i> |
| <i class="fas fa-envelope h5 mt-3 ml-2" ng-if="clio_communication.type == 'EmailCommunication'"></i> |
| </td> |
| <td> |
| <div class="float-left" ng-if="clio_communication.senders.length > 0"> |
| <div ng-repeat="sender in clio_communication.senders"> |
| <div class="user-avatar user-avatar-list raio-40 mr-2" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ sender.name }}"> |
| <span>{{ sender.name | nameToInitials }}</span> |
| </div> |
| </div> |
| </div> |
|
|
| <i class="fas h4 fa-angle-right float-left mt-2 mr-2"></i> |
|
|
| <div class="float-left" ng-if="clio_communication.receivers.length > 0"> |
| <div ng-repeat="receiver in clio_communication.receivers"> |
| <div class="user-avatar user-avatar-list raio-40 mr-2" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ receiver.name }}"> |
| <span>{{ receiver.name | nameToInitials }}</span> |
| </div> |
| </div> |
| </div> |
|
|
| </td> |
| <td>{{ clio_communication.subject }}</td> |
| <td>{{ clio_communication.date | amDateFormat: "L" }}</td> |
| <td ng-click="openClioCommunicationModal(clio_communication)"><i class="fas fa-search"></i></td> |
| </tr> |
| </tbody> |
| </table> |
|
|
| </div> |
| </div> |
| </div> |
| |
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('LawPay') && hasAnyRole('admin')"> |
| |
| <div |
| class="slide-in-content" |
| ng-if="viewCardTab === 'lawpay-payments'" |
| ng-if="::hasAsset('LawPay') && hasAnyRole('admin')" |
| > |
| |
|
|
| <h3 class="mb-2"> |
| Payments |
|
|
| <button |
| class="btn btn-primary float-right" |
| ng-click="openLawPayPaymentForm()" |
| ng-if="::hasAnyRole('admin')" |
| ng-show="
|
| (viewCard.sourceContact && viewCard.sourceContact.email) || |
| (viewCard.sourceMatter && |
| (viewCard.sourceMatter.client.primary_email_address || |
| viewCard.sourceMatter.client.clio_connect_email || |
| viewCard.sourceMatter.client.email)) |
| " |
| > |
| New Payment |
| </button> |
| </h3> |
|
|
| <div class="row mb-3 col-12 mr-0 px-0"> |
| <div |
| class="col-md-12 pl-2 mt-3" |
| ng-show="viewCard.lawpay_payments.length != 0" |
| > |
| <div class="search mt-2"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchPayments" |
| placeholder="Search Payment" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="viewCard.lawpay_payments.length === 0" |
| > |
| <div |
| class="pl-2 pr-4" |
| ng-if="::!hasAnyRole('viewer')" |
| ng-show="
|
| (viewCard.sourceContact && viewCard.sourceContact.email) || |
| (viewCard.sourceMatter && |
| (viewCard.sourceMatter.client.primary_email_address || |
| viewCard.sourceMatter.client.clio_connect_email || |
| viewCard.sourceMatter.client.email)) |
| " |
| > |
| <img src="https://app.legalboards.io/img/no-payments.png " width="50%" /> |
| </div> |
|
|
| <div |
| class="text-center" |
| ng-show="
|
| !( |
| (viewCard.sourceContact && |
| viewCard.sourceContact.email) || |
| (viewCard.sourceMatter && |
| (viewCard.sourceMatter.client |
| .primary_email_address || |
| viewCard.sourceMatter.client |
| .clio_connect_email || |
| viewCard.sourceMatter.client.email)) |
| ) |
| " |
| > |
| <img src="https://app.legalboards.io/img/no-email.png" width="50%" /> |
| </div> |
| </div> |
| <div |
| class="row mt-3 pl-4 w-100" |
| ng-class="{ 'empty-box': viewCard.lawpay_payments.length === 0 }" |
| ng-show="viewCard.lawpay_payments.length != 0" |
| > |
| <div |
| class="list-card" |
| style="cursor: initial !important;border-radius :0px;" |
| ng-repeat="payment in viewCard.lawpay_payments | filter:searchPayments track by payment.id" |
| > |
| <h5 class="card-title font-weight-normal"> |
| <strong |
| ><ng-if ng-if="payment.total_amount"> |
| ${{ payment.currency | uppercase }} {{ |
| payment.total_amount | lawPayDecimals |
| }} |
| </ng-if> |
| <ng-if ng-if="!payment.total_amount">-</ng-if></strong |
| > |
| <br /> |
|
|
| Created: |
|
|
| <span> |
| {{ payment.created.timestamp | amDateFormat: "L" }} |
| </span> |
| <br /> |
| <small |
| ng-if="payment.invoice_messages[0].subject" |
| class="description" |
| >{{ payment.invoice_messages[0].subject }}</small |
| > |
| </h5> |
|
|
| <div class="col-md-4 float-left mx-0 px-0"> |
| <i class="fas fa-calendar color-purple"></i> |
| <strong>Due Date</strong><br /> |
| <span |
| ng-class="{ |
| 'late-date': |
| $root.now.isAfter(payment.invoice_date) && |
| payment.status !== 'paid' |
| }" |
| >{{ payment.invoice_date | amDateFormat: "L" }}</span |
| > |
| <small |
| class="late" |
| ng-if="
|
| now.isAfter(payment.invoice_date) && |
| payment.status !== 'paid' |
| " |
| ><i class="fad fa-engine-warning"></i |
| ></small> |
| </div> |
|
|
| <div class="col-md-4 float-left mx-0 px-0"></div> |
|
|
| <div class="text-right float-left col-md-4"> |
| <i class="fad fa-tags color-purple"></i> |
| <strong>Status</strong><br /> |
| <ng-if ng-if="payment.status === 'paid'"> |
| <span |
| ><i class="fad fa-check-circle text-success"></i> |
| {{ payment.status | uppercase }}</span |
| > |
| </ng-if> |
| <ng-if ng-if="payment.status != 'paid'"> |
| <span>{{ payment.status | uppercase }}</span> |
| </ng-if> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('DocuPlayer')"> |
| |
| <div |
| class="slide-in-content" |
| ng-if="viewCardTab === 'docuplayer-videos'" |
| ng-if="::hasAsset('DocuPlayer')" |
| > |
| |
|
|
| <h3 class="mb-2"> |
| Videos |
|
|
| <a |
| href="https://members.docuplayer.com/#/dashboard/videos" |
| class="btn btn-primary float-right" |
| target="_blank" |
| > |
| <i class="far fa-external-link mr-1"></i> DocuPlayer |
| </a> |
| </h3> |
|
|
| <div class="row mb-3 col-12 mr-0 px-0"> |
| <div |
| class="col-md-12 pl-2 mt-3" |
| ng-show="viewCard.docuplayer_videos.length != 0" |
| > |
| <div class="search mt-2"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchVideos" |
| placeholder="Search Video" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div |
| class="col-12 mt-3" |
| ng-cloak |
| ng-show="viewCard.docuplayer_videos.length === 0" |
| > |
| <div |
| class="text-center" |
| ng-if="::!hasAnyRole('viewer')" |
| ng-show="
|
| (viewCard.sourceContact && viewCard.sourceContact.email) || |
| (viewCard.sourceMatter && |
| (viewCard.sourceMatter.client.primary_email_address || |
| viewCard.sourceMatter.client.clio_connect_email || |
| viewCard.sourceMatter.client.email)) |
| " |
| > |
| <img src="https://app.legalboards.io/img/no-videos.png" width="50%" /> |
| </div> |
|
|
| <div |
| class="text-center" |
| ng-show="
|
| !( |
| (viewCard.sourceContact && |
| viewCard.sourceContact.email) || |
| (viewCard.sourceMatter && |
| (viewCard.sourceMatter.client |
| .primary_email_address || |
| viewCard.sourceMatter.client |
| .clio_connect_email || |
| viewCard.sourceMatter.client.email)) |
| ) |
| " |
| > |
| <img src="https://app.legalboards.io/img/no-email.png" width="50%" /> |
| </div> |
| </div> |
| <div |
| class="col-12 ml-0 mr-0 pl-2 pr-4 page-listagem" |
| ng-class="{ |
| 'empty-box': viewCard.docuplayer_videos.length === 0 |
| }" |
| ng-show="viewCard.docuplayer_videos.length != 0" |
| > |
| <table class="mt-3 table-striped pb-3 colorDark"> |
| <thead class="light"> |
| <tr> |
| <th scope="col" class="pl-2">Created</th> |
| <th scope="col">Title</th> |
| <th scope="col" width="30px"></th> |
| <th scope="col" width="30px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| style="cursor: initial !important;" |
| ng-repeat="video in viewCard.docuplayer_videos | filter:searchVideos track by video.id" |
| > |
| <td class="p-2"> |
| {{ video.date | amDateFormat: "L" }} |
| </td> |
| <td>{{ video.title }}</td> |
| <td> |
| <a |
| class="mx-0 px-2" |
| ng-href="{{ video.link }}" |
| target="_blank" |
| style="border-right: 1px solid #b4becb;" |
| title="Protected Link" |
| > |
| <i class="fas fa-lock"></i> |
| </a> |
| </td> |
| <td> |
| <button |
| type="button" |
| class="btn btn-link mx-0 px-2" |
| ng-click="docuPlayerGetVideo(video)" |
| title="Watch Now" |
| > |
| <i class="fas fa-unlock-alt color-purple"></i> |
| </button> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| |
| </ng-if> |
|
|
| |
| <div |
| class="slide-in-content" |
| ng-if="viewCardTab === 'timesheets'" |
| > |
| |
| <div class="row mb-3 align-items-center"> |
| <div class="col-md-7 pl-2"> |
| <h3 class="m-0"> |
| Time Entry |
| </h3> |
| </div> |
| <div class="col-md-5 text-right"> |
| <button |
| ng-show="!$root.timerRunning" |
| class="btn btn-primary px-3" |
| ng-if="hasAnyRole(['admin', 'member'])" |
| ng-click="saveTimer(viewCard)" |
| type="button" |
| > |
| Start time-Entry |
| <i class="fas fa-stopwatch ml-2"></i> |
| </button> |
| </div> |
| </div> |
|
|
| <div class="row mb-3"> |
| <div class="col-md-6 pl-2" ng-show="viewCard.timesheets.length != 0"> |
| <div class="input-group busca-listagem" ng-cloak> |
| <label>User:</label> |
| |
| |
| |
| |
| |
| |
|
|
| <ui-select |
| ng-model="searchUser" |
| theme="select2" |
| > |
| <ui-select-match allow-clear placeholder="All"> |
| {{ searchUser.first_name }} {{ searchUser.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="member in account_users track by $index" |
| > |
| {{ member.first_name }} {{ member.last_name }} |
| </ui-select-choices> |
| </ui-select> |
|
|
| </div> |
| </div> |
|
|
| <div |
| style="margin-top: 26px;" |
| class="col-md-6 pl-2" |
| ng-show="viewCard.timesheets.length != 0" |
| > |
| <div class="search mt-2"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchTimesheets" |
| placeholder="Search Time Entry" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div |
| class="col-12 mt-3 text-center" |
| ng-cloak |
| ng-show="viewCard.timesheets.length === 0" |
| > |
| <img src="https://app.legalboards.io/img/no-time-entry.png" width="50%"/> |
| </div> |
| <div |
| class="col-12 ml-0 mr-0 pl-2 pr-3 page-listagem" |
| ng-class="{ 'empty-box': viewCard.timesheets.length === 0 }" |
| ng-show="viewCard.timesheets.length != 0" |
| > |
| <table |
| class="mt-3 table-striped pb-3 colorDark" |
| ng-show="matter_areas.length != 0" |
| > |
| <thead> |
| <tr> |
| <th scope="col" width="40px" class="pl-2 py-0"> |
| User |
| </th> |
| <th scope="col" width="40px" class="pl-2 py-0"> |
| Where |
| </th> |
| <th |
| scope="col" |
| class="pl-2 py-0" |
| width="80px" |
| ng-click="timesheetsOrderBy = 'created_at'; timesheetsOrderByReverse = timesheetsOrderByReverse == true ? false : true" |
| > |
| Date |
| <i class="fas fa-sort cursor-pointer"></i> |
| </th> |
| <th scope="col" width="80px" class="pl-2 text-center py-0"> |
| Time |
| </th> |
| <th scope="col" class="pl-2 py-0"> |
| Description |
| </th> |
| <th |
| scope="col" |
| width="47px" |
| ng-if="::$root.hasAsset('Clio')" |
| class="py-0" |
| > |
| Clio |
| </th> |
| <th scope="col" width="70px" class="py-0"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="timesheet in viewCard.timesheets | whereLbObj:{user: (searchUser ? {id: searchUser.id} : undefined)} | orderBy:(timesheetsOrderBy+'' || 'created_at'):!!!timesheetsOrderByReverse | filter:searchTimesheets track by timesheet.id" |
| > |
| <td class="p-2"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ timesheet.user.first_name }} {{ |
| timesheet.user.last_name |
| }}" |
| style="background-image:url({{ timesheet.user.avatar }});" |
| > |
| <span ng-show="!timesheet.user.avatar"> |
| {{ timesheet.user.initials }} |
| </span> |
| </div> |
| </td> |
| <td class="p-2"> |
| <div ng-switch="timesheet.timesheetable_type"> |
| <span ng-switch-when="App\Contact"> |
| <i |
| class="fas fa-user bg-greenF circle-20" |
| title="Contact" |
| ></i> |
| </span> |
|
|
| <span ng-switch-when="App\Matter"> |
| <i |
| class="fas fa-suitcase bg-blue circle-20" |
| title="Matter" |
| ></i> |
| </span> |
| <span ng-switch-when="App\Card"> |
| <i |
| class="fas fa-sticky-note bg-greenlb circle-20" |
| title="Card" |
| ></i> |
| </span> |
| <span ng-switch-when="App\AssetTask"> |
| <button |
| class="btn btn-link px-0" |
| ng-click="timesheetOpenTask(timesheet)" |
| > |
| <i |
| class="fas fa-check-square bg-purple circle-20" |
| title="Click here to check" |
| ></i> |
| </button> |
| </span> |
| <span |
| ng-switch-when="App\Sources\Clio\AssetClioTask" |
| > |
| <button |
| class="btn btn-link px-0" |
| ng-click="timesheetOpenClioTask(timesheet)" |
| > |
| <i |
| class="far fa-tasks-alt bg-purple circle-20" |
| title="Click here to check" |
| ></i> |
| </button> |
| </span> |
| <div ng-switch-default></div> |
| </div> |
| </td> |
| <td class="p-2"> |
| {{ timesheet.created_at | amDateFormat: "L" }} |
| </td> |
| <td class="p-2 text-center"> |
| <span |
| ng-show="
|
| timesheet.started_at && !timesheet.ended_at |
| " |
| class="" |
| > |
| <i |
| class="fad fa-hourglass-half color-purple" |
| ></i> |
| </span> |
|
|
| <span |
| class="" |
| ng-show="!!timesheet.time_logged_in_mins" |
| > |
| {{ |
| timesheet.time_logged_in_mins |
| | minutesToTime |
| }} |
| </span> |
| </td> |
| <td class="p-2"> |
| <span |
| ng-bind-html="timesheet.description | htmlToPlaintext | html" |
| ></span> |
| <span |
| ng-show="
|
| timesheet.started_at && !timesheet.ended_at |
| " |
| class="color-purple" |
| > |
| <strong>Running...</strong> |
| </span> |
| </td> |
| <td class="p-2" ng-if="$root.hasAsset('Clio')"> |
| <span ng-show="timesheet.clio_activity_id"> |
| <i class="fa fa-check color-purple"></i> |
| </span> |
| </td> |
| <td> |
| <ng-show |
| ng-hide="
|
| timesheet.started_at && !timesheet.ended_at |
| " |
| ng-if="
|
| $root.hasAnyRole('admin') || |
| ($root.hasAnyRole('member') && |
| AuthUser.id == timesheet.user_id) |
| " |
| > |
| <a |
| href="" |
| ng-click="openTimesheetForm(timesheet)" |
| class="px-2" |
| > |
| <i class="fas fa-pencil"></i> |
| </a> |
| <a |
| href="" |
| ng-click="removeTimesheet(timesheet, $index)" |
| class="px-2" |
| > |
| <i class="fas fa-trash text-danger"></i> |
| </a> |
| </ng-show> |
| </td> |
|
|
| </tr> |
| <tr> |
| <td></td> |
| <td></td> |
| <td></td> |
| <td class="p-2 text-center"><strong>{{ viewCard.timesheets | sumMinutes | minutesToTime }}</strong></td> |
| <td></td> |
| <td></td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| |
|
|
| <ng-if ng-if="::hasDocumentAsset()"> |
| |
| <div |
| class="slide-in-content pr-2" |
| ng-if="viewCardTab === 'documents'" |
| ng-if="::hasDocumentAsset()"> |
| |
|
|
| <h3 class="mb-2 position-relative"> |
| Documents |
|
|
|
|
| <ng-if ng-if="$root.hasAsset('GoogleDrive') || $root.hasAsset('OneDrive')"> |
| <button type="button" class="btn btn-outline-info ml-2 p-2 mr-2" ng-click="chooseDocumentDrive()" title-direction="right" title="Set up a different folder for this card."><i class="fad fa-folder-open"></i></button> |
| <span id="open_dropdown_document-action_view" |
| ng-click="$event.stopPropagation(); openDropdownEditCard('document_action')" class="btn p-1"> |
| <i class="fas fa-ellipsis-v text-light"></i> |
| </span> |
|
|
| <div class="dropdown-menu card-actions-list p-0 dropdown_card_menu" style="width: 220px; left:0px !important;top: 10px;" id="open_dropdown_menu_document_action"> |
| <div class="d-flex flex-card"> |
| <label class="btn" ng-if="::!hasAnyRole('viewer')"> |
| <i class="fas fa-upload"></i> |
| Upload Now |
| <input |
| type="file" |
| style="display: none;" |
| id="sourceDocuments" |
| ng-model="sourceDocuments" |
| multiple |
| onchange="angular.element(this).scope().documentsUpload(sourceDocuments)" /> |
| </label> |
| <button ng-if="::!hasAnyRole('viewer')" class="btn" ng-click="showFormUploadDocumentTemplate()"> |
| <i class="fas fa-th-large"></i>Add using Template |
| </button> |
| </div> |
| </div> |
| </ng-if> |
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| </h3> |
|
|
|
|
| <div class="row mb-3 col-12 mr-0 px-0"> |
| <div |
| class="col-md-6 pl-2 mt-3" |
| ng-show="viewCard.documents.length != 0"> |
| <div class="search-simple"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchDocuments" |
| placeholder="Search Document" /> |
| <span class="search-icon pl-2"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div |
| class="col-12 mt-3 text-center" |
| ng-cloak |
| ng-show="viewCard.documents.length === 0"> |
| <img src="https://app.legalboards.io/img/no-documents.png" width="50%" /> |
| </div> |
| <div |
| class="col-12 m-0 pl-2 pr-0 page-listagem" |
| ng-class="{ 'empty-box': viewCard.documents.length === 0 }" |
| ng-show="viewCard.documents.length != 0"> |
| <table |
| class="mt-3 table-striped pb-3 colorDark" |
| ng-show="matter_areas.length != 0"> |
| <thead> |
| <tr> |
| <th scope="col" class="p-0 pl-2">Name</th> |
| <th scope="col" class="p-0 pl-2">Drive</th> |
| <th scope="col" class="p-0 pl-2">Created</th> |
| <th scope="col" width="70px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="document in viewCard.documents | filter:searchDocuments track by document.id"> |
| <td class="p-2"> |
| <h5 class="card-title font-weight-normal"> |
| <strong>{{ document.name }}</strong> |
| </h5> |
| </td> |
|
|
| <td class="p-2"> |
| <h5 class="card-title font-weight-normal"> |
| <strong>{{ document.asset.name }}</strong> |
| </h5> |
| </td> |
| <td class="p-2"> |
| <span> |
| {{ document.created_at | amDateFormat: "L" }} |
| </span> |
| </td> |
| <td class="p-2"> |
| <button |
| class="btn btn-link px-1" |
| ng-click="documentsDownload(document)" |
| type="button"> |
| <i class="fas fa-arrow-circle-down color-purple"></i> |
| </button> |
|
|
| <button |
| class="btn btn-link px-1" |
| ng-click="documentsDeleteConfirm(document)" |
| type="button"> |
| <i class="fas fa-trash color-red"></i> |
| </button> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| </ng-if> |
| <ng-if ng-if="::hasAsset('ClickSign')"> |
| |
| <div |
| class="slide-in-content" |
| ng-if="viewCardTab === 'signedDocuments'" |
| ng-if="::hasAsset('ClickSign')" |
| > |
| |
|
|
| <h3 class="mb-2"> |
| Signed Documents |
|
|
| <button ng-click="showFormSendDocumentSigned()" class="btn btn-primary mr-2 float-right" ng-if="::!hasAnyRole('viewer')"> |
| Send document for signature |
| </button> |
| </h3> |
|
|
|
|
| <div class="row mb-3 col-12 mr-0 px-0"> |
| <div |
| class="col-md-6 pl-2 mt-3" |
| ng-show="listDocumentsSigned.length != 0" |
| > |
| <div class="search-simple"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchDocuments" |
| placeholder="Search Document" |
| /> |
| <span class="search-icon"> |
| <i class="fas fa-search"></i> |
| </span> |
| </div> |
| </div> |
| <div |
| class="col-12 mt-3 text-center" |
| ng-cloak |
| ng-show="listDocumentsSigned.length === 0" |
| > |
| <img src="https://app.legalboards.io/img/no-documents.png" width="50%" /> |
| </div> |
| <div |
| class="col-12 m-0 pl-2 pr-0 page-listagem" |
| ng-class="{ 'empty-box': listDocumentsSigned.length === 0 }" |
| ng-show="listDocumentsSigned.length != 0" |
| > |
| <table |
| class="mt-3 table-striped pb-3 colorDark" |
| ng-show="listDocumentsSigned.length != 0" |
| > |
| <thead> |
| <tr> |
| <th scope="col" class="p-0 pl-2">Name</th> |
| <th scope="col" class="p-0 pl-2">Status</th> |
| <th scope="col" class="p-0 pl-2">Created At</th> |
| <th scope="col" width="70px"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr |
| ng-repeat="documentSigned in listDocumentsSigned | filter:searchDocuments track by documentSigned.id" |
| > |
| <td class="p-2"> |
| <h5 class="card-title font-weight-normal"> |
| <strong>{{ documentSigned.name }}</strong> |
| </h5> |
| </td> |
|
|
| <td class="p-2"> |
| <h5 class="card-title font-weight-normal"> |
| <strong>{{ documentSigned.status | translateDocumentSignedStatus }}</strong> |
| </h5> |
| </td> |
| <td class="p-2"> |
| <span> |
| {{ documentSigned.created_at | amDateFormat: "L" }} |
| </span> |
| </td> |
| <td class="p-2"> |
| <button |
| class="btn btn-link px-1" |
| ng-click="documentSignedDeleteConfirm(documentSigned.id)" |
| type="button" |
| > |
| <i class="fas fa-trash color-red"></i> |
| </button> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| |
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('Publications')"> |
| |
| <div |
| class="slide-in-content" |
| ng-if="viewCardTab === 'publications'" |
| ng-if="::hasAsset('Publications')" |
| > |
| |
|
|
| <div class="d-flex mb-3 align-items-center"> |
|
|
| <i class="fa-sharp text-lg mr-2 fa-solid fa-envelope-open-text"></i> |
|
|
| <h3 class="mr-3 pt-2"> |
| Publications |
| </h3> |
|
|
| <span class="rounded-publication badge text-bold bg-info rounded-circle mr-2 d-flex align-items-center justify-content-center"> |
| {{ not_assign_publications }} |
| </span> |
|
|
| <span class="text-sm text-secondary">Not yet distributed or approved.</span> |
| </div> |
|
|
| <div class="min-h-70"> |
| <div class="publication-item" ng-repeat="publication in publications" ng-init="checkPublicationContentWidth(publication, $index)"> |
| <div class="mb-1"> |
| <span>{{ publication.date | date:'dd/MM/yyyy' }}</span> |
| </div> |
|
|
| <div class="d-flex justify-content-between align-items-center border-botton pb-2"> |
| <div> |
| <h4>{{ publication.section }}</h4> |
| <h4>{{ publication.v2? publication.v2.act_type : publication.type }}</h4> |
| </div> |
| <div class="d-flex align-items-center"> |
| <i class="mr-2 mb-1 color-light" |
| ng-class="{ |
| 'fa-solid fa-bell-slash': publication.action === 'none', |
| 'fa-solid fa-square-check': publication.action === 'task', |
| 'fa-sharp fa-solid fa-triangle-exclamation': publication.action === null |
| }"> |
| </i> |
| <div ng-if="publication.action === 'task'" ng-click="viewMovementTask(publication.task)" class="mr-2">Abrir Tarefa</div> |
| <div class="publication-menu"> |
| <div class="ml-2 fa-xs" ng-click="togglePublicationMenu(publication)"> |
| <i class="fas fa-ellipsis-v text-light fa-xs"></i> |
| </div> |
| <div class="mt-2 publication-dropdown-menu" ng-if="publication.showMenu"> |
| <a class="publication-dropdown-item" target="_blank" ng-click="downloadPublication(publication)"> |
| <i class="fa-light fa-download mr-2"></i> |
| Download |
| </a> |
| <a class="publication-dropdown-item" href="#" ng-if="!publication.task" ng-click="distributeTaskPublication(publication)"> |
| <i class="fa-light fa-arrow-right-from-bracket mr-2"></i> |
| Assign Task |
| </a> |
| <a class="publication-dropdown-item" href="#" ng-click="viewMovementTask(publication.task)" ng-if="publication.task"> |
| <div> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2 d-flex align-items-center" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| ng-style="{'background-image': 'url(' + publication.task.assignee.avatar + ')'}" |
| > |
| <span ng-if="!publication.task.assignee.avatar" class="w-100 h-100 m-0"> |
| {{ publication.task.assignee.initials }} |
| </span> |
| </div> |
| <div class="d-flex justify-content-between align-items-center min-w-160"> |
| <div class="d-flex flex-column"> |
| <span>Distributed to:</span> |
| <span class="text-bold">{{ publication.task.assignee.first_name }} {{ publication.task.assignee.last_name }}</span> |
| </div> |
| <div> |
| <i class="fa-light fa-arrow-up-right-from-square text-purple"></i> |
| </div> |
| </div> |
| </div> |
| </a> |
| <a class="publication-dropdown-item" href="#" ng-click="toggleNothingToDoPublication(publication)"> |
| <i class="fa-solid fa-bell-slash mr-2" |
| ng-class="{'text-purple': publication.action === 'none'}"></i> |
| <span class="text-purple text-bold" ng-if="publication.action === 'none'">Remove No Action Needed</span> |
| <span ng-if="publication.action !== 'none'">Add No Action Needed</span> |
| </a> |
| <a class="publication-dropdown-item" href="#" ng-click="toggleManagerCategories(publication)"> |
| <i class="fa-light fa-tag mr-2"></i> |
| Category |
| </a> |
| <div ng-if="publication.showManagerCategories"> |
| <div class="category-select-container"> |
| <ul class="category-list"> |
| <li ng-repeat="category in categories"> |
| <label> |
| <input type="checkbox" ng-model="category.selected" ng-change="toggleCategorySelection(category, publication)"> |
| {{ category.name }} |
| </label> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="mt-2"> |
| <div class="d-flex flex-column"> |
| <div class="publication-content" |
| ng-show="!publication.v2" |
| ng-class="{'expanded': publication.showFullContent}" |
| > |
| <span ng-if="!publication.v2" ng-bind-html="publication.content"></span> |
| </div> |
| <div class="mt-2 text-center" ng-if="publication.isContentOverflowing" |
| ng-if="!publication.v2" |
| > |
| <a href="#" ng-click="togglePublicationShowFullContent(publication)"> |
| <span class="text-bold" ng-if="!publication.showFullContent">View More</span> |
| <span class="text-bold" ng-if="publication.showFullContent">Cancel</span> |
| </a> |
| </div> |
| <div class="" |
| ng-if="publication.v2" |
| > |
| <span ng-bind-html="publication.showFullContent? publication.v2.content : publication.v2.resume"></span> |
| <div ng-if="publication.showFullContent && publication.v2" class="d-flex mt-3 justify-content-between align-items-center container-case-info ng-scope"> |
| <div class="d-flex flex-column"> |
| <div class="d-flex align-items-center mb-2"> |
| <div class="icon-wrapper"> |
| <i class="fa-solid fa-microchip-ai ai-icon"></i> |
| </div> |
| <strong class="ai-title">Legalboards AI</strong> |
| </div> |
| <span>Recommended Action:</span> |
| <span class="text-bold ng-binding"> |
| {{ publication.v2.suggested_action }} |
| </span> |
| <span class="mt-2">Responsible Party:</span> |
| <span class="text-bold ng-binding"> |
| {{ publication.v2.responsible }} |
| </span> |
| <span class="mt-2" ng-if="publication.v2.limit_date !== 'dd/mm/aaaa'">Suggested Deadline:</span> |
| <span class="text-bold ng-binding" ng-if="publication.v2.limit_date !== 'dd/mm/aaaa'"> |
| {{ publication.v2.limit_date }} |
| </span> |
| <div class="pt-3"> |
| <button class="btn btn-sm btn-purple" ng-click="distributeTaskPublication(publication, true)"> |
| <i class="fa-solid fa-microchip-ai mr-1 ai-icon"></i> |
| Create Task |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="mt-2 text-center" |
| ng-if="publication.v2" |
| > |
| <a href="#" ng-click="togglePublicationShowFullContent(publication)"> |
| <span class="text-bold" ng-if="!publication.showFullContent">View Full</span> |
| <span class="text-bold" ng-if="publication.showFullContent">View Resume</span> |
| </a> |
| </div> |
| <div class="mt-3"> |
| <div ng-repeat="category in publication.categories " |
| class="py-2 px-3 mr-2 badge badge-pill" |
| ng-style="{'background-color': category.color}" |
| > |
| {{ category.name }} |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
| </div> |
| </div> |
| |
| </ng-if> |
| </section> |
| <section ng-show="loadingOpenViewCard"> |
| <div class="lds-css ng-scope"> |
| <div style="width:50%;height:50%" class="lds-ellipsis"> |
| <div> |
| <div></div> |
| </div> |
| <div> |
| <div></div> |
| </div> |
| <div> |
| <div></div> |
| </div> |
| <div> |
| <div></div> |
| </div> |
| <div> |
| <div></div> |
| </div> |
| </div> |
| </section> |
| |
| </div> |
| |
|
|
| <div id="edit-card-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeEditCardModel()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
|
|
| <div id="box-edit-card-details" style="display: none"> |
| <h3>Card Details</h3> |
|
|
| <form name="form" ng-submit="saveCardNote(viewCardEdit, form)"> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Title</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Title" |
| name="title" |
| ng-model="viewCardEdit.title" |
| required |
| maxlength="191" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.title.$dirty && form.title.$error.required" |
| >This field is required. |
| </span> |
|
|
| <span |
| class="error" |
| ng-show="form.title.$dirty && form.title.$error.maxlength" |
| >Your field is too long. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Subtitle</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Subtitle" |
| name="subtitle" |
| ng-model="viewCardEdit.subtitle" |
| maxlength="191" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.subtitle.$dirty && form.subtitle.$error.maxlength" |
| >Your field is too long. |
| </span> |
|
|
|
|
| <h6> |
| Label: |
| </h6> |
|
|
| <ng-show ng-show="viewCardEdit.labels.length > 0" ng-cloak> |
| <h4 class="subtitles-dropdown bg-white" ng-repeat="label in viewCardEdit.labels"> |
| <span ng-style="{'background-color': label.color}"></span> |
| <ng-show >{{ label.value }}</ng-show> |
| <i class="fal fa-times float-right colorLight h6" ng-if="hasAnyRole(['admin', 'member'])" ng-click="$event.stopPropagation(); viewCardEdit.labels.splice(viewCardEdit.labels.indexOf(label),1); updateCardLabel(viewCardEdit);"></i> |
| </h4> |
| </ng-show> |
|
|
| <ng-show ng-show="labels.length > 0" ng-cloak ng-if="hasAnyRole(['admin', 'member'])"> |
| <h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak class="subtitles-dropdown"> |
| <span ng-style="{'background-color': '#f1f4f9'}"></span> |
| <ng-show >Select</ng-show> |
| <i class="fal fa-chevron-down"></i> |
| </h4> |
| <div class="subtitles-dropdown dropdown-menu" aria-labelledby="dDrop"> |
| <h4 class="subtitles-dropdown subtitles-item" ng-repeat="label in labels track by label.id" ng-click="viewCardEdit.labels.push(label); updateCardLabel(viewCardEdit)"> |
| <span ng-style="{'background-color': label.color}"></span> |
| {{ label.value }} |
| </h4> |
| </div> |
| </ng-show> |
| <ng-show ng-if="labels.length == 0 && $root.hasAnyRole('admin')"> |
| <a |
| href="" |
| ng-click="closeViewCardModal(); manageBoard(activeBoard)" |
| > |
| Your board does not have labels yet, create them by clicking here |
| </a> |
| </ng-show> |
|
|
| <ng-show |
| ng-if="labels.length == 0 && $root.hasAnyRole(['member', 'view'])" |
| > |
| <a href=""> |
| Your board does not have labels yet, create them by clicking here |
| </a> |
| </ng-show> |
|
|
|
|
| <div class="mb-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block" |
| ng-disabled="form.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| </div> |
| </form> |
| </div> |
|
|
| <div id="box-edit-card-members" style="display: none"> |
| <div class="row mt-3"> |
| <div class="col-12"> |
| <h3>Members</h3> |
| </div> |
|
|
| <div class="col-12"> |
| <form class="form"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchMember" |
| placeholder="Search Names" |
| /> |
| </form> |
|
|
| <table class="mt-3 table table-striped"> |
| <tbody> |
| <tr |
| ng-repeat="member in account_team | filter:searchMember track by member.id" |
| > |
| <td> |
| <h5>{{ member.first_name }}</h5> |
| <span>{{ member.email }}</span> |
| </td> |
|
|
| <td style="width: 60px;"> |
| <a |
| href="" |
| ng-click="addCardMember(member, viewCardEdit)" |
| ng-show="
|
| !isCardMember( |
| member, |
| viewCardEdit.members |
| ) |
| " |
| > |
| Add |
| </a> |
|
|
| <a |
| href="" |
| ng-click="removeCardMember(member, viewCardEdit)" |
| ng-show="
|
| isCardMember( |
| member, |
| viewCardEdit.members |
| ) |
| " |
| > |
| Remove |
| </a> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <hr /> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
| </div> |
|
|
| |
| |
|
|
| <div id="card-logs-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeCardLogsModel()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3>Card Logs</h3> |
| <div class="row"> |
| <div class="col-12 mt-3"> |
| <label>Log</label> |
| </div> |
|
|
| <div class="col-12 "> |
| <form class="form"> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="searchLog" |
| placeholder="Search" |
| /> |
| </form> |
|
|
| <table class="mt-3 table table-striped"> |
| <tbody> |
| <tr ng-repeat="log in card_logs | filter:searchLog track by log.id"> |
| <td> |
| <span> |
| At {{ |
| log.created_at |
| | amTimezone: AuthUser.timezone |
| | amDateFormat: "L HH:mm" |
| }}, |
| {{ log.user.first_name }} |
|
|
| <ng-show |
| ng-show="log.list_in.id && !log.list_out.id" |
| > |
| created in column {{ log.list_in.name }} |
| </ng-show> |
|
|
| <ng-show |
| ng-show="log.list_in.id && log.list_out.id && log.list_in.id !== log.list_out.id" |
| > |
| moved from column {{ |
| log.list_out.name |
| }} |
| for {{ log.list_in.name }} |
| </ng-show> |
|
|
| <ng-show |
| ng-show="log.list_in.id && log.list_out.id && log.list_in.id === log.list_out.id" |
| > |
| moved in the column {{ log.list_in.name }} |
| </ng-show> |
| </span> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <hr /> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| |
|
|
| <div id="form-card-note" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeLegalboardNoteForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3 ng-show="!note.id">New Note</h3> |
| <h3 ng-show="note.id">Edit Note</h3> |
|
|
| <form |
| name="formLegalboardNote" |
| ng-submit="saveCardNote(note, formLegalboardNote)" |
| > |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Title</label> |
| <input |
| type="text" |
| class="form-control" |
| id="input-note-focus" |
| placeholder="Title" |
| name="title" |
| ng-model="note.title" |
| required |
| maxlength="191" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formLegalboardNote.title.$dirty && |
| formLegalboardNote.title.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formLegalboardNote.title.$dirty && |
| formLegalboardNote.title.$error.maxlength |
| " |
| >Your field is too long. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Subtitle</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Subtitle" |
| name="subtitle" |
| ng-model="note.subtitle" |
| maxlength="191" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formLegalboardNote.subtitle.$dirty && |
| formLegalboardNote.subtitle.$error.maxlength |
| " |
| >Your field is too long. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description</label> |
| <div class="col-12 px-0 trix-custom"> |
| <trix-editor |
| angular-trix |
| ng-model="note.note" |
| name="note" |
| rows="50" |
| placeholder="Card Description" |
| ng-keyup="dirtyAngularTrix = true" |
| trix-id="card-description" |
| onClick="$('#trix-toolbar-card-description').show('slow'), document.querySelector('trix-editor').focus();" |
| ></trix-editor> |
| </div> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| dirtyAngularTrix && formLegalboardNote.note.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <ng-show ng-show="labels.length > 0" ng-cloak> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Labels</label> |
| <ng-show ng-show="labels.length > 0" ng-cloak> |
| <h4 class="subtitles-dropdown bg-white" ng-repeat="label in note.labels"> |
| <span ng-style="{'background-color': label.color}"></span> |
| <ng-show >{{ label.value }}</ng-show> |
| <i class="fal fa-times float-right colorLight h6" ng-click="$event.stopPropagation(); note.labels.splice(note.labels.indexOf(label),1);"></i> |
| </h4> |
| </ng-show> |
|
|
| <ng-show ng-show="labels.length > 0" ng-cloak > |
| <h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak class="subtitles-dropdown"> |
| <span ng-style="{'background-color': '#f1f4f9'}"></span> |
| <ng-show >Select</ng-show> |
| <i class="fal fa-chevron-down"></i> |
| </h4> |
| <div class="subtitles-dropdown dropdown-menu" aria-labelledby="dDrop"> |
| <h4 class="subtitles-dropdown subtitles-item" ng-repeat="label in labels track by label.id" ng-click="note.labels.push(label);"> |
| <span ng-style="{'background-color': label.color}"></span> |
| {{ label.value }} |
| </h4> |
| </div> |
| </ng-show> |
| </div> |
| </div> |
| </ng-show> |
|
|
| <ng-if |
| ng-if="
|
| $root.hasCustomFieldsModule() && note.custom_fields.length > 0 |
| " |
| > |
| <h3 ng-if="(note.custom_fields | checkAtLeastOneFilled).length">Custom Fields</h3> |
|
|
| <div |
| ng-repeat="custom_field in note.custom_fields | |
| checkAtLeastOneFilled track by custom_field.id" |
| class="mt-3" |
| > |
| <label> |
| {{ custom_field.value }} |
| <ng-show ng-show="custom_field.required"> |
| (*) |
| </ng-show> |
| </label> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'text'"> |
| <div class="d-flex align-items-center"> |
| <textarea |
| class="form-control" |
| name="text" |
| ng-model="custom_field.answer[0].answer" |
| name="description" |
| ng-required="!!custom_field.required" |
| > |
| </textarea> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'input'"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| class="form-control" |
| name="number" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!!custom_field.required" |
| /> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'date'"> |
| <div class="datepicker-container"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="date" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!!custom_field.required" |
| /> |
| <span class="datepicker-icon delete-icon"><i class="fas fa-caret-down pl-5"></i></span> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'select'"> |
| <div class="d-flex align-items-center"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="custom_field.answer[0].option" |
| theme="select2" |
| ng-required="!!custom_field.required" |
| > |
| <ui-select-match placeholder="{{ custom_field.value }}"> |
| {{ custom_field.answer[0].option.value }} |
| </ui-select-match> |
| <ui-select-choices repeat="option in custom_field.options"> |
| {{ option.value }} |
| </ui-select-choices> |
| </ui-select> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'money'"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| class="form-control" |
| name="number" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!!custom_field.required" |
| ui-money-mask |
| /> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'upload'"> |
| <div class="d-flex align-items-center"> |
| <div class="d-flex justify-content-between w-full"> |
| <div class="upload-container" ng-if="custom_field.upload_document_type !== 'document'"> |
| <label for="file-input" class="file-name-label"> |
| <input |
| type="text" |
| class="form-control file-name-input" |
| ng-model="custom_field.answer[0].answer" |
| placeholder="Select File" |
| readonly |
| ng-required="custom_field.required" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </label> |
| <input |
| id="file-input" |
| type="file" |
| class="file-input" |
| name="upload" |
| file-change="setFilledCustomField(custom_field, $event)" |
| ng-required="custom_field.required && !custom_field.answer[0].answer" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </div> |
| <div class="upload-container" style="margin-bottom: 18px" ng-if="custom_field.upload_document_type === 'document'"> |
| <ui-select |
| ng-model="custom_field.answer[0].saved_document" |
| on-select="
|
| custom_field.answer[0].document_id = custom_field.answer[0].saved_document.id; |
| custom_field.state = 'was-filled'; |
| " |
| theme="select2"> |
| <ui-select-match allow-clear placeholder="Select Document"> |
| {{ custom_field.answer[0].saved_document.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="document in viewCard.documents | filter:$select.search track by $index"> |
| {{ document.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="p-3 d-flex"> |
| <a href="#" |
| ng-click="
|
| custom_field.upload_document_type = custom_field.upload_document_type === 'document' ? 'file' : 'document'; |
| custom_field.document = ''; |
| " |
| class="mr-2"> |
| <i |
| ng-class="custom_field.upload_document_type === 'document' ? 'fas fa-archive' : 'fa-solid fa-folder-arrow-up'" |
| class=" text-primary text-lg"></i> |
| </a> |
|
|
| <a ng-if="custom_field.answer[0].answer && custom_field.answered.document" |
| href="#" |
| class="mr-2" |
| ng-click="documentsDownload(custom_field.answered.document)" |
| type="button" |
| > |
| <i class="fas text-lg fa-arrow-circle-down color-purple"></i> |
| </a> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </ng-if> |
| </div> |
| </ng-if> |
| <ng-if |
| ng-if="
|
| $root.hasCustomFieldsModule() && |
| note.custom_fields.length === 0 && |
| $root.isAccountOwner() |
| " |
| > |
| <small> |
| <i class="fas fa-lightbulb color-purple"></i> |
| How about creating more fields for you? |
| <a |
| href="" |
| onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#form-card-note').removeClass('show')" |
| >Click here and find how</a |
| > |
| </small> |
| </ng-if> |
|
|
| <div class="mt-5 form-row" ng-if="
|
| $root.hasCustomFieldsModule() && |
| note.custom_fields.length && |
| $root.isAccountOwner() |
| "> |
| <div class="col-12"> |
| <div class="border-top pt-3"></div> |
|
|
| <h5 class="text-md">Add More Information:</h5> |
| <label>Select the custom information you want to include here.</label> |
| <ui-select ng-model="cardCustomFieldSelected" theme="select2" |
| on-select="addToUsedCustomFieldNewNote(cardCustomFieldSelected.id,$select)"> |
| <ui-select-match allow-clear placeholder="Select Custom Field to Add"> |
| {{ cardCustomFieldSelected.value }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="custom_field in note.custom_fields | filter:$select.search | checkBothEmpty track by custom_field.id"> |
| {{ custom_field.value }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn bg-green bg-btn-green-save btn-block mb-3" |
| ng-disabled="formLegalboardNote.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary bg-btn-gray btn-block close-form-tab" |
| ng-click="closeLegalboardNoteForm(formLegalboardNote)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <script type="text/ng-template" id="defineAssignee.tpl.html"> |
| <div class="modal-body px-4 "> |
| <h2 class="mb-3 text-center"><i class="fad fa-users-crown"></i> Define Assignee</h2> |
| <p>Veja abaixo as tarefas automáticas que vão ser criadas e defina o responsável.</p> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <div |
| ng-repeat="automation in defining_automations track by $index" |
| > |
| <div class="col-12 p-0 float-left"> |
| <h5 class="text-light"> |
| {{ automation.controllable.name }} |
|
|
| </h5> |
| <p class="text-light content-item mb-2"> |
| <strong>Due Days:</strong> {{ automation.controllable.due_days }} Days |
| </p> |
|
|
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Assignee</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="automation.sourceRewriteAutomationUsers" |
| theme="select2" |
| required |
| class="multipleFind" |
| name="sourceRewriteAutomationUsers" |
| multiple |
| > |
| <ui-select-match allow-clear placeholder="Assignee"> |
| <ng-if ng-if="hasAsset('Legalboards')"> |
| {{ $item.first_name }} {{ $item.last_name }} |
| </ng-if> |
| <ng-if ng-if="hasAsset('Clio')"> |
| {{ $item.name }} |
| </ng-if> |
| </ui-select-match> |
| <ui-select-choices |
| repeat="assignee in automation_assignees | filter:$select.search track by $index" |
| > |
| <ng-if ng-if="hasAsset('Legalboards')"> |
| {{ assignee.first_name }} {{ assignee.last_name }} |
| </ng-if> |
| <ng-if ng-if="hasAsset('Clio')"> |
| {{ assignee.name }} |
| </ng-if> |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
| <label class="" for="default"> |
| <input |
| type="checkbox" |
| class="" |
| placeholder="Default" |
| name="default" |
| ng-model="automation.default" |
| value="1" |
| /> |
|
|
| <span class="checkmark"></span> |
|
|
| Definir como padrão paras as próximas |
| </label> |
| <hr /> |
| </div> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-primary" ng-disable="loading" ng-click="saveDefiningAutomations()">Save</button></div> |
| <div class="col-6"><button class="btn btn-block btn-second" type="button" ng-click="closeAnyModalInstance()">Close</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="confirmDeleteAutomationControl.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3"><i class="far fa-ban text-danger"></i> Cancel the Automations</h2> |
|
|
| <div class="row mt-4"> |
| <table class="table-striped colorDark w-100 mr-3 ml-3"> |
| <thead> |
| <tr> |
| <th>Action</th> |
| <th>Title</th> |
| <th></th> |
| </thead> |
| <tbody> |
| <tr class="col-12" ng-repeat="automation in deletingAutomationMoveCard.card.automations_running track by $index"> |
| <td> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionTaskCreate'"> |
| Create Task |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionSendMail'"> |
| Send Email |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionDocumentTemplate'"> |
| Document Template |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionArchiveCard'"> |
| Archive Card |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionMoveCard'"> |
| Move Card |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionApplyLabel'"> |
| Manage Labels |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionAddCardMember'"> |
| Add Card Member |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionCheckList'"> |
| Check List |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionLawpayNewPayment'"> |
| Bill Creation |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionUpdateTask'"> |
| Update Task |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionCreateEvent'"> |
| Create Event |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionUpdateCard'"> |
| Update Card |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionDocumentSign'"> |
| Signed Document |
| </ng-if> |
|
|
| </td> |
| <td> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionSendMail'"> |
| {{ automation.controllable.subject }} |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionMoveCard'"> |
|
|
| {{ automation.controllable.board.name }} -> {{ automation.controllable.list.name }} |
| </ng-if> |
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionDocumentTemplate'"> |
|
|
| {{ automation.controllable.filename }} |
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionTaskCreate'"> |
| {{ automation.controllable.name }} |
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionApplyLabel'"> |
| <ng-repeat ng-repeat="label in automation.controllable.labels"> |
| <span class="card-color danger ng-isolate-scope" ng-style="{ |
| 'background-color': |
| label.color |
| }" style="background-color: rgb(66, 165, 245);"></span>{{ label.value }}{{!$last ? ',' : ''}} |
| </ng-repeat> |
|
|
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionAddCardMember'"> |
| <ng-repeat ng-repeat="user in automation.controllable.users"> |
| {{ user.first_name }} {{ user.last_name }} |
| </ng-repeat> |
|
|
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionCheckList'"> |
| <ng-repeat ng-repeat="label in automation.controllable.check_list_items"> |
| {{ label.item }}{{!$last ? ',' : ''}} |
| </ng-repeat> |
|
|
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionLawpayNewPayment'"> |
| {{ automation.controllable.subject }} |
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionUpdateTask'"> |
| <ng-if ng-if="automation.controllable.asset_id == 2"> |
| {{ automation.controllable.clio_task_status.name }} |
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable.asset_id == 4"> |
| {{ automation.controllable.task_status.name }} |
| </ng-if> |
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionCreateEvent'"> |
| {{ automation.controllable.summary }} |
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionUpdateCard'"> |
| <ng-if ng-if="automation.controllable.status"> |
| {{ automation.controllable.status}} |
| </ng-if> |
| <ng-repeat ng-repeat="field in automation.controllable.fields"> |
| {{ field.display_field }}{{!$last ? ',' : ''}} |
| </ng-repeat> |
| </ng-if> |
|
|
| <ng-if ng-if="automation.controllable_type === 'App\\Automation\\AutomationActionDocumentSign'"> |
| {{ automation.controllable.document_template ? automation.controllable.document_template.name : automation.controllable.custom_field.value}} |
| </ng-if> |
|
|
| </td> |
| <td width="20px"> |
| <button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteAutomationControlCallback(automation)"><i class="far fa-ban"></i></button> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| <div class="col-12 mt-3"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">No, keep it</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAutomationTaskCreate.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationTaskCreateCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAutomationSendEmail.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationSendEmailCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAutomationArchiveCard.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationArchiveCardCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAutomationApplyLabel.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationApplyLabelCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAutomationCheckList.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationCheckListCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAutomationMoveCard.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationMoveCardCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAutomationClioTemplate.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationClioDocumentTemplateCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAutomationLawPayNewPayment.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationLawPayNewPaymentCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAutomationUpdateTasks.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmAutomationUpdateTasksCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="clioDeleteAutomation.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteClioAutomationCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="legalboardsDeleteAutomation.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmLegalboardsMigrateAutomationDeleteCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" ng-if="::$root.hasContactModule()" id="automationMigrateContactsDelete.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Automation</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this automation?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteAutomationMigrateContactsCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| |
|
|
| <div id="follow-up-form" class="slide-in-contaniner slide-in-form remove"> |
| <button class="close-btn btn close-form-but" ng-click="closeFollowUpForm()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3 ng-show="!follow_up.id">New Activity</h3> |
| <h3 ng-show="follow_up.id">Edit Activity</h3> |
|
|
| <form |
| name="formFollowUp" |
| ng-submit="saveFollowUp(follow_up, formFollowUp)" |
| > |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Type</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="follow_up.type" |
| theme="select2" |
| close-on-selet="false" |
| tagging="tagginFollowUpType" |
| tagging-label="false" |
| name="type" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Type" |
| > |
| {{ follow_up.type.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="type in follow_up_parameters | filter: $select.search" |
| > |
| {{ type.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center">Type not found</p> |
| <div class="no-item-create"> |
| <h2>Add New Type</h2> |
| <i class="fad fa-tags"></i> |
| <h4>Hit enter add new</h4> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description</label> |
|
|
| <trix-editor |
| angular-trix |
| name="description" |
| ng-model="follow_up.description" |
| rows="50" |
| placeholder="Description" |
| ng-keyup="dirtyAngularTrix = true" |
| required |
| trix-id="5" |
| ></trix-editor> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formFollowUp.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Post |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeFollowUpForm(form)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <script type="text/ng-template" id="followUpDelete.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this followup?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteFollowUpCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| |
| <div id="view-board-templates" class="slide-in-contaniner account-modal-details remove" style="max-width: 620px"> |
| <button type="button" class="close-btn btn" onclick="$('#view-board-templates').removeClass('show')"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="p-4"> |
| <h5 class="text-bold pl-2">Boards Gallery</h5> |
| <div class="board-gallery-search px-2 mt-4 mb-2"> |
| <input type="text" class="form-control" ng-model="searchBoardTemplates" placeholder="Search"> |
| <i class="fas fa-search"></i> |
| </div> |
| </div> |
|
|
| <div class="row px-3 mx-0"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| <div class="col-6" ng-repeat="board_template in board_templates | filter:searchBoardTemplates track by $index"> |
| <div class="board-gallery-card"> |
| <div class="board-gallery-card-body p-3"> |
| <ng-if ng-if="board_template.user"> |
| <div class="user-avatar user-avatar-list raio-40 mb-3 float-none" |
| style="background-image:url({{board_template.user ? board_template.user.avatar : ''}});"> |
| <span ng-show="!board_template.user.avatar" class="text-bold text-uppercase color-white">{{ board_template.user.initials }}</span> |
| </div> |
| </ng-if> |
| <h5 class="mb-2">{{ board_template.name }}</h5> |
| <p class="mb-2">{{ board_template.description }}</p> |
| <button class="btn btn-light btn-block py-2 mt-2" ng-click="boardTemplateModalCreate(board_template)"><i class="fas fa-eye mr-2"></i> Preview</button> |
| <ng-if ng-if="board_template.user"> |
| <span>created by: <strong> |
| {{ board_template.user.first_name }} |
| {{ board_template.user.last_name }} |
| </strong></span> |
| </ng-if> |
| </div> |
| <div class="board-gallery-card-footer p-3 text-center"> |
| <button class="btn btn-primary btn-block mr-0 py-2" ng-disable="loading" ng-click="boardTemplateModalCreateCallback(board_template)"><i class="fas fa-plus mr-2"></i>Add Board Template</button> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| </div> |
|
|
| </div> |
| <script type="text/ng-template" id="boardTemplateModalCreate.tpl.html"> |
|
|
| <div class="modal-body"> |
| <div class="container-fluid px-4"> |
|
|
| <div class="row pt-3 pb-2"> |
| <div class="col-10"> |
| <ng-if ng-if="board_template.user"> |
| <div class="user-avatar user-avatar-list raio-30 float-none" |
| style="background-image:url({{board_template.user ? board_template.user.avatar : ''}});"> |
| <span ng-show="!board_template.user.avatar" class="text-bold text-uppercase color-white">{{ board_template.user.initials }}</span> |
| </div> |
| <span class="color-dark text-sm">created by: |
| <strong> |
| {{ |
| board_template.user.first_name |
| }} |
| {{ board_template.user.last_name }} |
| </strong> |
| </span> |
| </ng-if> |
| </div> |
| <div class="col-2"> |
| <button type="button" class="close" ng-click="closeAnyModalInstance()"> |
| <span aria-hidden="true">×</span> |
| </button> |
|
|
| </div> |
| </div> |
|
|
| <div class="row align-items-center"> |
| <div class="col-6 pl-lg-3"> |
| <h4 class="text-bold">{{ board_template.name }}</h4> |
| <span class="color-dark">{{ board_template.description }}</span> |
| </div> |
| <div class="col-6 text-right pr-lg-3"> |
| <button class="btn btn-primary py-2 px-3" ng-disable="loading" ng-click="boardTemplateModalCreateCallback(board_template)"><i class="fas fa-plus mr-2"></i>Add Board Template</button> |
| </div> |
| </div> |
|
|
| <div style="overflow-y: hidden; overflow-x: scroll;"> |
| <div class="d-flex pt-4 pl-3" style=""> |
| <div class="gallery-board-placeholder" ng-repeat="list in board_template.lists"> |
| <h6>{{ list.name }}</h6> |
| <img ng-src="{{ list.preview_image }}" /> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| </div> |
| </div> |
|
|
| </script> |
| <script type="text/ng-template" id="removeTimesheet.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Time Entry</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this Time Entry?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeTimesheetCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| |
|
|
| <div id="form-timesheet-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeTimesheetForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3 ng-show="!form_timesheet.id">New Time Entry</h3> |
| <h3 ng-show="form_timesheet.id"> |
| Edit Time Entry |
| </h3> |
| <form |
| name="formTimesheet" |
| ng-submit="saveTimesheet(form_timesheet, formTimesheet)" |
| > |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Date</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="created_at" |
| ng-model="form_timesheet.created_at" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Time Spent</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Time Spent" |
| name="time_logged_in_mins" |
| ng-model="form_timesheet.time_logged_in_mins" |
| required |
| time-format |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formTimesheet.time_logged_in_mins.$dirty && |
| formTimesheet.time_logged_in_mins.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description</label> |
| <trix-editor |
| angular-trix |
| ng-model="form_timesheet.description" |
| name="description" |
| rows="50" |
| placeholder="Description" |
| ng-keyup="dirtyAngularTrix = true" |
| trix-id="6" |
| ></trix-editor> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formTimesheet.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeTimesheetForm(formTimesheet)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| |
| <div id="convert-matter-form" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeConvertToMatter()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3>Convert to Matter:</h3> |
| <form |
| name="formConvertMatter" |
| ng-submit="submitConvertToMatter(convert_matter, formConvertMatter)" |
| > |
|
|
| <ng-if ng-if="::hasAsset('Legalboards')"> |
| <div class="form-row mb-3"> |
| <p class="color-purple font-weight-bold mt-2 mb-2"> |
| <span class="step-automation">1</span> Client Information |
| </p> |
| <div class="col-12"> |
| <label>Client |
|
|
|
|
| </label> |
|
|
| <a |
| class="btn-link float-right custom-clients" |
| onClick="$('.custom-clients').hide(); $('.available-clients').show(); $('#available-clients').val(''); $('#custom-clients').val('');" |
| > |
| Select an existing one |
| </a> |
| <a |
| style="display: none;" |
| class="btn-link float-right available-clients" |
| onClick="$('.available-clients').hide(); $('.custom-clients').show(); $('#available-clients').val(''); $('#custom-clients').val('');" |
| > |
| Create a new one |
| </a> |
|
|
|
|
|
|
| <div id="available-clients" style="display: none;" class="available-clients"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.client" |
| theme="select2" |
| close-on-selet="false" |
| allow-clear |
| ng-change="$root.hasCustomFieldsModule() ? loadCustomFieldsToConvertCard({ type: 'matter', client_id: (convert_matter.client.id == undefined || convert_matter.client.type != 'client' ? '-1' : convert_matter.client.id), parameter_id: (convert_matter.area.type != 'area' || convert_matter.area.id == undefined ? '-1' : convert_matter.area.id) }, convert_matter) : null" |
| name="client_id" |
| ng-required="!convert_matter.client.first_name" |
| > |
| <ui-select-match allow-clear placeholder="Client"> |
| {{ convert_matter.client.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="client in convert_matter_fields_clients | filter: $select.search" |
| > |
| {{ client.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div id="custom-clients" class="custom-clients"> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>First Name</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.client.first_name" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| allow-clear |
| ng-required="!convert_matter.client.id" |
| ng-change="$root.hasCustomFieldsModule() ? loadCustomFieldsToConvertCard({ type: 'matter', client_id: -1, parameter_id: (convert_matter.area.type != 'area' || convert_matter.area.id == undefined ? '-1' : convert_matter.area.id) }, convert_matter) : null" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="First Name" |
| > |
| {{ convert_matter.client.first_name.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in convert_matter_fields | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| please type the first name and hit enter. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Last Name</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.client.last_name" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| allow-clear |
| ng-required="" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Last Name" |
| > |
| {{ convert_matter.client.last_name.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in convert_matter_fields | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| please type the last name and hit enter. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Email</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.client.email" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| allow-clear |
| ng-required="" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Email" |
| > |
| {{ convert_matter.client.email.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in convert_matter_fields | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| please type the email and hit enter. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewCase.client_id.$dirty && formNewCase.client_id.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <p class="color-purple font-weight-bold mt-2 mb-2"> |
| <span class="step-automation">2</span> Matter Information |
| </p> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Practice Area</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.area" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| ng-required="true" |
| name="area_id" |
| ng-change="$root.hasCustomFieldsModule() ? loadCustomFieldsToConvertCard({ type: 'matter', client_id: (convert_matter.client.id == undefined || convert_matter.client.type != 'client' ? '-1' : convert_matter.client.id), parameter_id: (convert_matter.area.type != 'area' || convert_matter.area.id == undefined ? '-1' : convert_matter.area.id) }, convert_matter) : null" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Practice Area" |
| > |
| {{ convert_matter.area.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="area in convert_matter_fields_areas | filter: $select.search" |
| > |
| {{ area.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| If you can't find what you want, you can create a new here, just hit enter! |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="formNewCase.area_id.$dirty && formNewCase.area_id.$error.required" |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Number/Title</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.number" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| ng-required="true" |
| name="number" |
| multiple |
| class="multipleFind" |
| > |
| <ui-select-match allow-clear placeholder="Number/Title"> |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="option in convert_matter_fields | filter: $select.search" |
| > |
| {{ option.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="formNewCase.number.$dirty && formNewCase.number.$error.required" |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Opening</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="opening_at" |
| ng-model="convert_matter.opening_at" |
| required |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewCase.opening_at.$dirty && formNewCase.opening_at.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Limiting</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="limiting_at" |
| ng-model="convert_matter.limiting_at" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description</label> |
| <a |
| class=" btn-link float-right select-description" |
| onClick="$('.textarea-description').show(); $('.select-description').hide(); $('#textarea-description').val(''); $('#select-description').val('');" |
| > |
| Custom |
| </a> |
| <a |
| style="display: none;" |
| class="btn-link float-right textarea-description" |
| onClick="$('.textarea-description').hide(); $('.select-description').show(); $('#textarea-description').val(''); $('#select-description').val('');" |
| > |
| Dynamic |
| </a> |
| <textarea |
| id="textarea-description" |
| class="form-control textarea-description" |
| placeholder="Description" |
| name="description" |
| ng-model="convert_matter.description" |
| style="display: none;" |
| ng-required="!convert_matter.description_option" |
| ></textarea> |
|
|
| <ui-select |
| autofocus-ui-select |
| id="select-description" |
| theme="select2" |
| ng-model="convert_matter.description_option" |
| ng-required="!convert_matter.description" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| multiple |
| class="multipleFind select-description" |
| > |
| <ui-select-match placeholder="{{ custom_field.value }}"> |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="description_option in convert_matter_fields track by $index" |
| > |
| {{ description_option.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Status</label> |
| <select |
| class="select-dropdown" |
| name="status" |
| ng-model="convert_matter.status" |
| required |
| > |
| <option |
| ng-repeat="status in convert_matter_fields_status track by $index" |
| value="{{ status.key }}" |
| > |
| {{ status.text }} |
| </option> |
| </select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="formNewCase.status.$dirty && formNewCase.status.$error.required" |
| >This field is required. |
| </span> |
|
|
| <ng-if |
| ng-if="$root.hasCustomFieldsModule() && convert_matter.custom_fields.length > 0" |
| > |
| <h3>Custom Fields</h3> |
|
|
| <div |
| ng-repeat="custom_field in convert_matter.custom_fields track by custom_field.id" |
| class="mt-3" |
| > |
| <label> |
| {{ custom_field.value }} |
| <ng-show ng-show="custom_field.required"> |
| (*) |
| </ng-show> |
| </label> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'select'"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="custom_field.answer.option" |
| theme="select2" |
| ng-required="!!custom_field.required" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| > |
| <ui-select-match placeholder="{{ custom_field.value }}"> |
| {{ custom_field.answer.option.name }} |
| </ui-select-match> |
| <ui-select-choices repeat="option in custom_field.options"> |
| {{ option.name }} |
| </ui-select-choices> |
| </ui-select> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name !== 'select'"> |
| <ui-select |
| autofocus-ui-select |
| theme="select2" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| ng-model="custom_field.answer" |
| ng-required="!!custom_field.required" |
| > |
| <ui-select-match allow-clear> |
| {{ custom_field.answer.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in convert_matter_fields | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| </ui-select> |
| </ng-if> |
| </div> |
| </ng-if> |
|
|
| <ng-if |
| ng-if="
|
| $root.hasCustomFieldsModule() && |
| convert_matter.custom_fields.length == 0 && |
| $root.isAccountOwner() |
| " |
| > |
| <small> |
| <i class="fas fa-lightbulb color-purple"></i> |
| How about creating more fields for you? |
| <a |
| href="" |
| onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#new-case-modal').removeClass('show')" |
| >Click here and find how</a |
| > |
| </small> |
| </ng-if> |
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('Clio')"> |
| <div class="form-row mb-3"> |
| <p class="color-purple font-weight-bold mb-2 mt-2"> |
| <span class="step-automation">1</span> Client Information |
| </p> |
| <div class="col-12"> |
| <label>Client </label> |
|
|
|
|
| <a |
| class="btn-link float-right custom-clients" |
| onClick="$('.custom-clients').hide(); $('.available-clients').show(); $('#available-clients').val(''); $('#custom-clients').val('');" |
| > |
| Select an existing one |
| </a> |
| <a |
| style="display: none;" |
| class="btn-link float-right available-clients" |
| onClick="$('.available-clients').hide(); $('.custom-clients').show(); $('#available-clients').val(''); $('#custom-clients').val('');" |
| > |
| Create a new one |
| </a> |
|
|
|
|
|
|
| <div id="available-clients" class="available-clients" style="display: none;"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.client" |
| theme="select2" |
| close-on-selet="false" |
| allow-clear |
| > |
| <ui-select-match allow-clear placeholder="Client"> |
| {{ convert_matter.client.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="client in convert_matter_fields_clients | filter: $select.search" |
| > |
| {{ client.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| No clients found, please type the client name and hit enter to create a new one. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| <div id="custom-clients" class="custom-clients"> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>First Name</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.client.first_name" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| allow-clear |
| ng-required="" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="First Name" |
| > |
| {{ convert_matter.client.first_name.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in convert_matter_fields | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| please type the first name and hit enter. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Last Name</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.client.last_name" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| allow-clear |
| ng-required="" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Last Name" |
| > |
| {{ convert_matter.client.last_name.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in convert_matter_fields | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| please type the last name and hit enter. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Email</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.client.primary_email_address" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| allow-clear |
| ng-required="" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Email" |
| > |
| {{ |
| convert_matter.client.primary_email_address.name |
| }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in convert_matter_fields | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| please type the email and hit enter. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewCase.client_id.$dirty && formNewCase.client_id.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <p class="color-purple font-weight-bold mt-2 mb-2"> |
| <span class="step-automation">2</span>Matter Information |
| </p> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Practice Area</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.area" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| allow-clear |
| > |
| <ui-select-match allow-clear placeholder="Area"> |
| {{ convert_matter.area.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="area in convert_matter_fields_areas | filter: $select.search" |
| > |
| {{ area.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| No area found, please type the area name and hit enter to create a new one. |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description (*)</label> |
| <a |
| class=" btn-link float-right select-description" |
| onClick="$('.textarea-description').show(); $('.select-description').hide(); $('#textarea-description').val(''); $('#select-description').val('');" |
| > |
| Custom |
| </a> |
| <a |
| style="display: none;" |
| class=" btn-link float-right textarea-description" |
| onClick="$('.textarea-description').hide(); $('.select-description').show(); $('#textarea-description').val(''); $('#select-description').val('');" |
| > |
| Dynamic |
| </a> |
|
|
| <textarea |
| id="textarea-description" |
| class="form-control textarea-description" |
| placeholder="Description'" |
| name="description" |
| ng-model="convert_matter.description" |
| style="display: none;" |
| ng-required="!convert_matter.description_option" |
| ></textarea> |
|
|
| <ui-select |
| autofocus-ui-select |
| id="select-description" |
| ng-model="convert_matter.description_option" |
| theme="select2" |
| close-on-selet="false" |
| allow-clear |
| ng-required="!convert_matter.description" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| multiple |
| class="multipleFind select-description" |
| > |
| <ui-select-match allow-clear placeholder="Select a note field"> |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in convert_matter_fields | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewCase.description.$dirty && |
| formNewCase.description.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <h3>Related Contacts</h3> |
| <div class="form-row mb-3" ng-repeat="relationship in convert_matter.relationships"> |
| <div class="col-6"> |
| <label>Contact</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="relationship.contact" |
| theme="select2" |
| close-on-selet="false" |
| placeholder="What's the contact's name?" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Contact" |
| > |
| {{ relationship.contact.name }} |
| </ui-select-match> |
| <ui-select-choices |
| allow-clear |
| refresh="clioSearchContacts($select, {})" |
| refresh-delay="500" |
| repeat="contact in clio_search_contacts | filter:$select.search track by contact.id" |
| > |
| {{ contact.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="col-5"> |
| <label>Relationship</label> |
| <input |
| type="text" |
| class="form-control" |
| ng-model="relationship.description" |
| placeholder="Relationship" |
| ng-keypress="
|
| $event.keyCode === 13 && |
| addRelationship(convert_matter.relationships, $event) |
| " |
| /> |
| </div> |
| <div class="col-1 d-flex align-items-end"> |
| <button |
| class="btn btn-link form-control p-0" |
| ng-click="convert_matter.relationships.splice($index, 1)" |
| > |
| <i class="fas fa-trash"></i> |
| </button> |
| </div> |
| </div> |
|
|
| <div class="form-row"> |
| <div class="col-12"> |
| <button |
| class="btn btn-block" |
| ng-click="addRelationship(convert_matter.relationships)" |
| > |
| <i class="fas fa-plus"></i> Add Related Contact |
| </button> |
| </div> |
| </div> |
|
|
| <h3>Clio Custom Fields</h3> |
| <div |
| class="form-row mb-3" |
| ng-repeat="custom_field in convert_matter.clio_custom_fields track by custom_field.id" |
| > |
| <div class="col-12"> |
| <label> |
| {{ custom_field.name }} |
| <ng-if ng-if="custom_field.required">(*)</ng-if> |
| </label> |
| <ng-if ng-if="custom_field.field_type === 'picklist'"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="custom_field.answer" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| ng-required="custom_field.required" |
| > |
| <ui-select-match |
| placeholder="{{ custom_field.name }}" |
| > |
| {{ custom_field.answer.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in custom_field.picklist_options | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| </ui-select> |
| </ng-if> |
| <ng-if ng-if="custom_field.field_type === 'checkbox'"> |
| <select |
| class="form-control" |
| ng-model="custom_field.answer.name" |
| > |
| <option value="" disabled selected>{{ custom_field.name }}</option> |
| <option value="true">Yes</option> |
| <option value="false">No</option> |
| </select> |
| </ng-if> |
| <ng-if ng-if="custom_field.field_type === 'contact'"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="custom_field.answer" |
| theme="select2" |
| close-on-selet="false" |
| ng-required="custom_field.required" |
| > |
| <ui-select-match |
| placeholder="{{ custom_field.name }}" |
| > |
| {{ custom_field.answer.name }} |
| </ui-select-match> |
| <ui-select-choices |
| allow-clear |
| refresh="clioSearchContacts($select, {})" |
| refresh-delay="500" |
| repeat="contact in clio_search_contacts | filter:$select.search track by contact.id" |
| > |
| {{ contact.name }} |
| </ui-select-choices> |
| </ui-select> |
| </ng-if> |
| <ng-if |
| ng-if="['picklist', 'checkbox', 'contact'].indexOf(custom_field.field_type) === -1" |
| > |
| <ui-select |
| autofocus-ui-select |
| ng-model="custom_field.answer" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingConvertToMatter" |
| tagging-label="false" |
| ng-required="custom_field.required" |
| > |
| <ui-select-match |
| placeholder="{{ custom_field.name }}" |
| > |
| {{ custom_field.answer.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="field in convert_matter_fields | filter: $select.search" |
| > |
| {{ field.name }} |
| </ui-select-choices> |
| </ui-select> |
| </ng-if> |
| </div> |
| </div> |
| </ng-if> |
| |
| <p class="color-purple font-weight-bold mt-3 mb-2"> |
| <span class="step-automation">3</span> Setup your new matter card... |
| </p> |
|
|
|
|
| <div class="form-row mb-2"> |
| <div class="col-12 mt-2"> |
| <div class="pl-0 col-12 float-left"><label> Where:</label></div> |
| <div class="pl-0 col-6 float-left"> |
| <label class="" for="matter-move-card-is_same_board-1"> |
| <input |
| type="radio" |
| name="is_same_board" |
| id="matter-move-card-is_same_board-1" |
| ng-value="1" |
| ng-model="convert_matter.is_same_board" |
| ng-click="convert_matter.board = activeBoard; convert_matter.is_same_board = 1; convertToMatterLoadLists(convert_matter.board.id)" |
| /> |
| This board |
| </label> |
| </div> |
| <div class="pl-0 col-6 float-left"> |
| <label class="" for="matter-move-card-is_same_board-0"> |
| <input |
| type="radio" |
| name="is_same_board" |
| id="matter-move-card-is_same_board-0" |
| ng-value="0" |
| ng-model="convert_matter.is_same_board" |
| ng-click="convert_matter.board = convert_to_matter_boards[0]; convert_matter.is_same_board = 0; convertToMatterLoadLists(convert_matter.board.id)" |
| ng-disabled="convert_to_matter_boards.length == 0" |
| /> |
| Another board |
| </label> |
| </div> |
| </div> |
| </div> |
|
|
| <div |
| class="form-row mb-3" |
| ng-if="
|
| convert_matter.is_same_board == 0 && |
| convert_to_matter_boards.length > 0 |
| " |
| > |
| <div class="col-12"> |
| <label>Board</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.board" |
| theme="select2" |
| ng-required="convert_matter.is_same_board == 0" |
| name="board" |
| ng-change="convertToMatterLoadLists(convert_matter.board.id)" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Board" |
| > |
| {{ convert_matter.board.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="board in convert_to_matter_boards | filter:$select.search track by $index" |
| > |
| {{ board.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formAutomation.board.$dirty && |
| formAutomation.board.$error.required |
| " |
| > |
| This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>List</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="convert_matter.list" |
| theme="select2" |
| ng-required="true" |
| name="actionMoveList" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="List" |
| > |
| {{ convert_matter.list.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="list in convert_to_matter_lists | filter:$select.search track by $index" |
| > |
| {{ list.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formAutomation.actionMoveList.$dirty && |
| formAutomation.actionMoveList.$error.required |
| " |
| > |
| This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12 mt-2"> |
| <div class="pl-0 col-12 float-left"> |
| <label |
| class="" |
| for="matter-move-card-archive_original_card-1" |
| > |
| <input |
| type="checkbox" |
| name="archive_original_card" |
| id="matter-move-card-archive_original_card-1" |
| ng-value="1" |
| ng-model="convert_matter.archive_original_card" |
| /> |
| Archive Original Note Card |
| </label> |
| </div> |
| </div> |
| </div> |
|
|
| <ng-show ng-show="labels.length > 0" ng-cloak> |
| <div class="form-row mb-2 mt-4"> |
| <div class="col-12"> |
| <label>Label</label> |
| <h4 |
| id="dDrop" |
| data-toggle="dropdown" |
| aria-haspopup="true" |
| aria-expanded="false" |
| ng-cloak |
| class="subtitles-dropdown" |
| > |
| <span |
| ng-style="{ 'background-color': '#f1f4f9' }" |
| ng-show="!convert_matter.label" |
| ></span> |
| <span |
| ng-style="{ |
| 'background-color': |
| convert_matter.label.color |
| }" |
| ng-show="convert_matter.label" |
| ></span> |
| <ng-show ng-show="convert_matter.label" |
| >{{ convert_matter.label.value }}</ng-show |
| > |
| <ng-show ng-show="!convert_matter.label">Select</ng-show> |
|
|
| <i class="fal fa-chevron-down"></i> |
| </h4> |
| <div |
| class="subtitles-dropdown dropdown-menu" |
| aria-labelledby="dDrop" |
| > |
| <h4 |
| class="subtitles-dropdown subtitles-item" |
| ng-repeat="label in labels track by label.id" |
| ng-click="convert_matter.label = label;" |
| > |
| <span |
| ng-style="{ |
| 'background-color': label.color |
| }" |
| ></span> |
| {{ label.value }} |
| </h4> |
| </div> |
| </div> |
| </div> |
| </ng-show> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formConvertMatter.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeConvertToMatter(form)" |
| type="button" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| |
| <div id="board-filter" class="slide-in-contaniner filters-slide remove"> |
| <button type="button" class="close-btn btn" ng-click="closeFilters()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| |
| <div class="slide-in-menu"> |
| <h6 class="px-3 pt-4"> Saved Filters</h6> |
| <ng-if ng-if="savedFilters.length > 0"> |
| <ul ng-repeat="filter in savedFilters" class="nav flex-column filter-nav px-3 mt-3"> |
| <li class="mb-0 mt-0 border-botton"> |
| {{filter.name}} |
| <i class="fas fa-trash" title="Delete this Filter" data-toggle="modal" |
| data-target="#deleteCustomFilter" ng-click="setCustomFilterId(filter.id)"></i> |
| <i class="fas fa-eye mr-3" title="Filter Now" |
| ng-click="openCustomFilterId(filter.id)"></i> |
| </li> |
| </ul> |
| </ng-if> |
| <ng-if ng-if="savedFilters.length == 0"> |
| <ul class="nav flex-column filter-nav px-3 mt-3"> |
| <li>No saved filters</li> |
| </ul> |
| </ng-if> |
| <div class="col-md-12 mt-4"> |
| <button class="btn btn-block btn-outline-light bg-purple" style="font-weight: 400 !important;" ng-click="clearFilter()">Clear All |
| Filters</button> |
| </div> |
| </div> |
| |
|
|
| |
|
|
| <section class="py-md-4 slide-in-content"> |
| <h3 class="text-bold mb-4">Advanced Filter</h3> |
| <form> |
| <div class="form-group row"> |
| <div class="pl-3 col-12 float-left"> |
| <label class="check-container" for="custom-filter-checkbox-show-archive"> |
| Search Archive Cards |
| <input id="custom-filter-checkbox-show-archive" type="checkbox" |
| ng-model="checkboxCardArchive.value" ng-true-value="1" ng-false-value="0" |
| ng-checked="checkboxCardArchive.value == 1" class="form-check-input" /> |
| <span class="checkmark" style="top: 3px"></span> |
| </label> |
| </div> |
|
|
| </div> |
|
|
| <div class="form-group mb-4 position-relative"> |
| <ion-labe>Keywords</ion-labe> |
| <input class="form-control" id="input-keywords" type="text" ng-model="keywords2.key" name="key"> |
| <i class="fas fa-search colorLight position-absolute" style="right:15px;top:40px;"></i> |
| </div> |
|
|
| <div class="form-group mb-4 position-relative"> |
| <ion-label>Cards Members</ion-label> |
| <ui-select autofocus-ui-select ng-model="assigneeCustomFilter.assignee" theme="select2" required name="assignee" |
| on-close="true" ng-change="addAssigneeList()"> |
| <ui-select-match allow-clear placeholder="Select Cards Members"> |
| {{ assigneeCustomFilter.assignee.first_name }} {{ assigneeCustomFilter.assignee.last_name }} |
| </ui-select-match> |
| <ui-select-choices ui-disable-choice="checkDisable('assignee')" |
| repeat="user in search_custom_filter_users2 | filter:$select.search track by user.id"> |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| |
| <div class="form-group mb-4 pb-1 position-relative"> |
| <table class="table"> |
| <tbody> |
| <div style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;"> |
| <tr class="border-bottom" ng-repeat="skill in assigneesList"> |
| <td class="py-2"> |
| <div class="my-1 user-avatar user-avatar-list raio-40" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| style="background-image:url();"> |
| <span class="ng-binding" ng-show="::!member.user.avatar" aria-hidden="false"> |
| {{skill.initials}} |
| </span> |
| </div> |
| </td> |
| <td class="color-dark"> |
| <span class="d-block text-bold">{{skill.first_name}} {{ skill.last_name }}</span> |
| <span class="d-block text-sm">{{skill.type}}</span> |
| </td> |
| <td>{{skill.email}}</td> |
| <td></td> |
| <td class="text-right"><span class="fa fa-times clear-button" |
| ng-click="deleteAssigneeList($index)"></span></td> |
| </tr> |
| <tr ng-if="assigneesList.length === 0"> |
| <td colspan="5"> |
| <div class="w-100 color-purple text-center px-3">All Members</div> |
| </td> |
| </tr> |
| </div> |
| </tbody> |
| </table> |
| </div> |
|
|
| <div class="form-group mb-4 position-relative" ng-if="$root.hasAsset('Legalboards')"> |
| <ion-label>Responsible Attorney</ion-label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="responsibleAttorneyCustomFilter.user" |
| theme="select2" |
| name="responsibleAttorneyCustomFilter" |
| on-close="true" |
| ng-change="addResponsibleAttorneyList()" |
| > |
| <ui-select-match allow-clear placeholder="Select Responsible Attorney"> |
| {{ responsibleAttorneyCustomFilter.user.first_name }} {{ responsibleAttorneyCustomFilter.user.last_name }} |
| </ui-select-match> |
|
|
| <ui-select-choices repeat="user in search_custom_filter_users2 | filter:$select.search track by user.id"> |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
|
|
| <div class="form-group mb-4 position-relative" ng-if="$root.hasAsset('Clio')"> |
| <ion-label>Responsible Attorney</ion-label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="responsibleAttorneyCustomFilter.user" |
| theme="select2" |
| name="responsibleAttorneyCustomFilter" |
| on-close="true" |
| ng-change="addResponsibleAttorneyList()" |
| > |
| <ui-select-match allow-clear placeholder="Select Responsible Attorney"> |
| {{ responsibleAttorneyCustomFilter.user.first_name }} {{ responsibleAttorneyCustomFilter.user.last_name }} |
| </ui-select-match> |
| <ui-select-choices repeat="user in clio_users | filter:$select.search track by user.id"> |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| |
| <div class="form-group mb-4 pb-1 position-relative"> |
| <table class="table"> |
| <tbody> |
| <div style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;"> |
| <tr class="border-bottom" ng-repeat="skill in customFieldResponsibleAttorneysList"> |
| <td class="py-2"> |
| <div class="my-1 user-avatar user-avatar-list raio-40" |
| ng-class="::$root.getRandomAvatarBackground($index)"> |
| <span class="ng-binding" aria-hidden="false"> |
| {{skill.initials}} |
| </span> |
| </div> |
| </td> |
| <td class="color-dark"> |
| <span class="d-block text-bold">{{skill.first_name}} {{ skill.last_name }}</span> |
| </td> |
| <td>{{skill.email}}</td> |
| <td></td> |
| <td class="text-right"><span class="fa fa-times clear-button" |
| ng-click="deleteResponsibleAttorneyList($index)"></span></td> |
| </tr> |
| <tr ng-if="customFieldResponsibleAttorneysList.length === 0"> |
| <td colspan="5"> |
| <div class="w-100 color-purple text-center px-3">All Users</div> |
| </td> |
| </tr> |
| </div> |
| </tbody> |
| </table> |
| </div> |
|
|
| <div class="form-group mb-4 position-relative"> |
| <ion-label>Labels</ion-label> |
|
|
| <ui-select autofocus-ui-select ng-model="labelCustomFilter.label" theme="select2" required name="label" on-close="true" |
| ng-change="addLabelList()"> |
| <ui-select-match allow-clear placeholder="Select Status"> |
| {{ labelCustomFilter.label.value }} |
| </ui-select-match> |
| <ui-select-choices ui-disable-choice="checkDisable('label')" |
| repeat="label in labels | filter:$select.search track by label.id"> |
| {{ label.value }} |
| </ui-select-choices> |
| </ui-select> |
|
|
| </div> |
|
|
| |
| <div class="form-group mb-4 pb-1 position-relative"> |
| <table class="table"> |
| <tbody> |
| <div style="overflow: auto;max-height:calc(100vh - 160px);margin-top: 10px;"> |
| <tr class="border-bottom" ng-repeat="skill in labelsList track by $index"> |
| <td class="py-2"> |
| <div class="mr-1 mb-2"> |
| <span class="card-color danger ng-isolate-scope" |
| ng-style="{'background-color':skill.color}"></span> |
| </div> |
| </td> |
| <td class="color-dark"> |
| <span class="d-block text-bold">{{skill.label || skill.value}}</span> |
| |
| </td> |
| <td>{{skill.status}}</td> |
| <td></td> |
| <td class="text-right"><span class="fa fa-times clear-button" |
| ng-click="deleteLabelList($index)"></span></td> |
| </tr> |
| <tr ng-if="showAllLabels"> |
| <td colspan="5"> |
| <div class="w-100 color-purple text-center px-3">All Labels</div> |
| </td> |
| </tr> |
| </div> |
| </tbody> |
| </table> |
| </div> |
|
|
|
|
| <div class="form-group row"> |
| <div class="col-md-6"> |
| <button type="button" class="btn btn-block btn-primary" ng-click="customFilter()">Filter Now</button> |
| </div> |
| <div class="col-md-6"> |
| <button class="btn btn-block btn-outline-dark" data-toggle="modal" data-target="#saveFilter">Save this Filter</button> |
| </div> |
| </div> |
| </form> |
| </section> |
|
|
| |
|
|
| </div> |
|
|
|
|
| |
| <div class="modal fade" id="saveFilter" tabindex="-1" aria-labelledby="saveFilter" aria-hidden="true"> |
| <div class="modal-dialog" style="max-width:450px;"> |
| <div class="modal-content"> |
|
|
| <div class="modal-body px-4 text-center my-2"> |
| <h2 class="mb-3">Create Filter</h2> |
| <i class="fas fa-save color-purple h1"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Choose a name for your filter</p> |
| </div> |
| <div class="col-12"> |
| <form method="post" class="form-row" name="customFilterForm"> |
| <div class="col-12 p-2 mb-3"> |
| <input type="text" ng-model="filterName" class="form-control" |
| placeholder="example: legalboards admin..." required /> |
| </div> |
| <div class="col-12 text-right"><button class="btn-block btn-primary px-4" type="button" |
| data-dismiss="modal" ng-click="saveCustomFilter()" |
| ng-disabled="customFilterForm.$invalid">Save</button> |
| </div> |
| <div class="col-12 text-left"><button class="btn-block btn btn-outline color-dark" |
| data-dismiss="modal">Cancel</button></div> |
| </form> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="modal fade" id="deleteCustomFilter" tabindex="-1" aria-labelledby="deleteCustomFilter" aria-hidden="true"> |
| <div class="modal-dialog" style="max-width:450px;"> |
| <div class="modal-content"> |
|
|
| <div class="modal-body px-4 text-center my-2"> |
|
|
| <h2 class="mb-3">Delete Filter</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Do you want to delete this filter from the board?</p> |
| </div> |
| <div class="col-12"> |
| <form method="post" class="form-row"> |
| <div class="col-6 text-right"><button class="btn btn-block btn-danger" type="button" |
| data-dismiss="modal" ng-click="DeleteCustomFilter()">Delete</button></div> |
| <div class="col-6 text-left"><button class="btn btn-block btn-warning" |
| data-dismiss="modal">Cancel</button></div> |
| </form> |
| </div> |
| </div> |
|
|
|
|
|
|
| </div> |
|
|
| </div> |
| </div> |
| </div> |
| <script type="text/ng-template" id="removeChecklist.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3">Remove Checklist Group</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>When removing a checklist group, all items in that checklist will be removed together. Are you sure you want to do this?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteCheckList()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| |
| <div id="history-board" class="slide-in-contaniner account-modal-details remove"> |
| <button type="button" class="close-btn btn" ng-click="closeHistoryBoard()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| |
| |
| |
| |
| |
|
|
| <section class="py-md-4 slide-in-content" style="width: 100% !important;"> |
|
|
| <div class="pb-3 scope-container scroll_height_board_history" when-scrolled="loadMoreHistoryBoard()"> |
| <h3 class="text-bold mb-4">History Boards</h3> |
| <div style="margin-bottom: 30px;"> |
| <h4 class="mt-3">Card Details:</h4> |
| <div class="mt-3" ng-show="viewCard.timesheets.length != 0"> |
| <div class="search mt-2"> |
| <input type="text" class="form-control" |
| ng-model="searchBoardHistory.key" |
| ng-change="loadMoreHistoryBoardSearch()" |
| ng-model-options='{ debounce: 500 }' |
| placeholder="Search Follow Ups" |
| style="width: 97%; margin-left: 10px; margin-right: 10px;" |
| /> |
| <span class="search-icon" style="right: 40px !important;"><i class="fas fa-search"></i></span> |
| </div> |
| </div> |
| <table class="mt-3 table-striped pb-3 colorDark" style="width: 97%; margin-left: 10px; margin-right: 10px;"> |
| <thead class="light"> |
| <tr style="line-height: 35px;"> |
| <th scope="col" class="pl-2 py-0" style="width: 25%;">Title/Subtitle</th> |
| <th scope="col" class="pl-2 py-0" style="width: 5%;">User</th> |
| <th scope="col" class="pl-2 py-0" style="width: 50%;">Action</th> |
| <th scope="col" class="pl-1 py-0" style="width: 13%;">Created At</th> |
| <th scope="col" style="width: 7%;"></th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr ng-repeat="followUp in viewHistoryBoard"> |
| <td class="pl-2 raio-history-board mr-2 ng-isolate-scope bg-0" style="width: 25%;"> |
| {{ followUp.card_title }} / {{ followUp.subtitle }} |
| </td> |
| <td class="pl-2 raio-history-board mr-2 ng-isolate-scope bg-0" style="width: 5%;"> |
| <div |
| ng-if="followUp.user_id" |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ followUp.user_first_name }} {{ |
| followUp.user_last_name |
| }}" |
| ng-style="{'background-image': 'url(' + followUp.user_avatar + ')'}" |
| > |
| <span ng-if="!followUp.user_avatar"> |
| {{ followUp.user_initials }} |
| </span> |
| </div> |
|
|
| <div |
| ng-if="!followUp.user_id && !followUp.asset" |
| class="user-avatar user-avatar-list raio-40 mr-2 bg-purple" |
| title="Automation Log" |
| > |
| <i class="fal fa-robot h3 mt-1"></i> |
| </div> |
| </td> |
| <td class="pl-2 raio-history-board mr-2 ng-isolate-scope bg-0" style="width: 50%;"> |
| {{ followUp.description | htmlToPlaintext}} |
| </td> |
| <td class="pl-1 raio-history-board mr-1 ng-isolate-scope bg-0" style="width: 13%;"> |
| {{ followUp.created_at | amUtc | amLocal | amDateFormat: "L HH:MM" }} |
| </td> |
| <td class="pl-2 mr-2 ng-isolate-scope bg-0" style="width: 7%;"> |
| <span |
| ng-if="followUp.card_deleted_at" |
| class="search-icon" |
| > |
| - |
| </span> |
| <span |
| ng-if="!followUp.card_deleted_at" |
| class="search-icon" |
| ng-click="getLinkCard(followUp)" |
| > |
| <i class="fas fa-external-link" aria-hidden="true"></i> |
| </span> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
|
|
| </div> |
| </div> |
|
|
| </section> |
|
|
| </div> |
|
|
|
|
| <ng-if ng-if="::$root.hasContactModule()"> |
| <div id="new-contact-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeNewContactModal()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
| <div class="slide-form-container"> |
| <h3>New Contact</h3> |
| <form |
| name="formNewContact" |
| ng-submit="createContact(contact, formNewContact)" |
| novalidate |
| > |
| <ul class="list-inline mt-3"> |
| <li class="list-inline-item mr-4"> |
| <label class="radio-container"> |
| <input |
| style="display: none;" |
| type="radio" |
| name="type2" |
| value="pf" |
| ng-model="contact.type2" |
| ng-change="loadCustomFields({ type: 'contact', contact_type: contact.type2 }, contact)" |
| /> |
| <span>Person</span> |
| <span class="checkmark"></span> |
| </label> |
| </li> |
|
|
| <li class="list-inline-item mr-4"> |
| <label class="radio-container"> |
| <input |
| style="display: none;" |
| type="radio" |
| name="type2" |
| value="pj" |
| ng-model="contact.type2" |
| ng-change="loadCustomFields({ type: 'contact', contact_type: contact.type2 }, contact)" |
| /> |
| <span>Company</span> |
| <span class="checkmark"></span> |
| </label> |
| </li> |
| </ul> |
|
|
| <div class="form-row mb-3" > |
| <div class="col-12"> |
| <label ng-show="contact.type2 === 'pj'">Company Name</label> |
| <label ng-show="contact.type2 === 'pf'">First Name</label> |
| <input |
| type="text" |
| class="form-control" |
| name="first_name" |
| ng-model="contact.first_name" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewContact.first_name.$dirty && |
| formNewContact.first_name.$error.required |
| " |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3" ng-show="contact.type2 === 'pf'"> |
| <div class="col-12"> |
| <label>Last Name</label> |
| <input |
| type="text" |
| class="form-control" |
| name="last_name" |
| ng-model="contact.last_name" |
| placeholder="Last Name" |
| /> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Email</label> |
| <input |
| type="email" |
| class="form-control" |
| name="email" |
| ng-model="contact.email" |
| placeholder="Email" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewContact.email.$dirty && |
| formNewContact.email.$error.email |
| " |
| > |
| Enter a valid email. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Phone</label> |
| <input |
| type="text" |
| class="form-control" |
| name="phone" |
| ng-model="contact.phone" |
| placeholder="XXX-XXX-XXXX" |
| ng-pattern="/[(]?\d{2,3}[-.)]?[ ]?\d{1,5}[-.]?\d{4}\b/g" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewContact.phone.$dirty && |
| formNewContact.phone.$error.pattern |
| " |
| > |
| Enter a valid phone. |
| </span> |
|
|
| <div class="form-row mb-3" ng-show="contact.type2 === 'pf'"> |
| <div class="col-12"> |
| <label>Company</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="contact.company" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingCompany" |
| tagging-label="false" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Company" |
| > |
| {{ contact.company.first_name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchContacts($select, {type2: 'pj'})" |
| refresh-delay="1000" |
| repeat="company in search_contacts" |
| > |
| {{ company.first_name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center" style="font-size: 12px;">Companies not found</p> |
| <div class="margin-create-new"> |
| <div class="no-item-create"> |
| <div class="new-item-contact"> |
| <div> |
| <i class="company-icon fa-sharp fa-solid fa-building"></i> |
| </div> |
| <h2>Add New Company</h2> |
| <h4>Press enter to create</h4> |
| </div> |
| </div> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <button |
| type="button" |
| class="btn-sm btn-primary" |
| ng-click="showAddressFields = !showAddressFields" |
| > |
| <i class="far fa-plus"></i> |
| Add Address |
| </button> |
| </div> |
| </div> |
|
|
| <div |
| id="contact-address-fields" |
| ng-if="showAddressFields" |
| > |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Address Name</label> |
| <input |
| type="text" |
| class="form-control" |
| name="address_name" |
| id="input-address-name" |
| ng-model="contact.address.name" |
| placeholder="Address Name" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.address_name.$dirty && form.address_name.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Street</label> |
| <input |
| type="text" |
| class="form-control" |
| name="address_street" |
| ng-model="contact.address.street" |
| placeholder="Street" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.address_street.$dirty && form.address_street.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>City</label> |
| <input |
| type="text" |
| class="form-control" |
| name="address_city" |
| ng-model="contact.address.city" |
| placeholder="City" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.address_city.$dirty && form.address_city.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>State</label> |
| <input |
| type="text" |
| class="form-control" |
| name="address_state" |
| ng-model="contact.address.state" |
| placeholder="State" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.address_state.$dirty && form.address_state.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Zipcode</label> |
| <input |
| type="text" |
| class="form-control" |
| name="address_zipcode" |
| ng-model="contact.address.zipcode" |
| placeholder="Zipcode" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.address_zipcode.$dirty && form.address_zipcode.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Country</label> |
| <input |
| type="text" |
| class="form-control" |
| name="address_country" |
| ng-model="contact.address.country" |
| placeholder="Country" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.address_country.$dirty && form.address_country.$error.required" |
| >This field is required.</span |
| > |
| </div> |
| <ng-show ng-show="labels.length > 0" ng-cloak> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Labels</label> |
| <ng-show ng-show="labels.length > 0" ng-cloak> |
| <h4 class="subtitles-dropdown bg-white" ng-repeat="label in contact.labels"> |
| <span ng-style="{'background-color': label.color}"></span> |
| <ng-show >{{ label.value }}</ng-show> |
| <i class="fal fa-times float-right colorLight h6" ng-click="$event.stopPropagation(); contact.labels.splice(contact.labels.indexOf(label),1);"></i> |
| </h4> |
| </ng-show> |
|
|
| <ng-show ng-show="labels.length > 0" ng-cloak > |
| <h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak class="subtitles-dropdown"> |
| <span ng-style="{'background-color': '#f1f4f9'}"></span> |
| <ng-show >Select</ng-show> |
| <i class="fal fa-chevron-down"></i> |
| </h4> |
| <div class="subtitles-dropdown dropdown-menu" aria-labelledby="dDrop"> |
| <h4 class="subtitles-dropdown subtitles-item" ng-repeat="label in labels track by label.id" ng-click="contact.labels.push(label);"> |
| <span ng-style="{'background-color': label.color}"></span> |
| {{ label.value }} |
| </h4> |
| </div> |
| </ng-show> |
| </div> |
| </div> |
| </ng-show> |
|
|
| <ng-if |
| ng-if="
|
| $root.hasCustomFieldsModule() && contact.custom_fields.length > 0 |
| " |
| > |
| <h3 ng-if="(contact.custom_fields | checkAtLeastOneFilled).length">Custom Fields</h3> |
|
|
| <div |
| ng-repeat="custom_field in contact.custom_fields | |
| checkAtLeastOneFilled track by custom_field.id" |
| class="form-row mt-3" |
| > |
| <div class="col-12"> |
| <label> |
| {{ custom_field.value }} |
| <ng-show ng-show="custom_field.required"> |
| (*) |
| </ng-show> |
| </label> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'text'"> |
| <div class="d-flex align-items-center"> |
| <textarea |
| class="form-control" |
| name="text" |
| ng-model="custom_field.answer[0].answer" |
| name="description" |
| ng-required="!!custom_field.required" |
| > |
| </textarea> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'input'"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| class="form-control" |
| name="number" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!!custom_field.required" |
| /> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'date'"> |
| <div class="datepicker-container"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="date" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!!custom_field.required" |
| /> |
| <span class="datepicker-icon delete-icon"><i class="fas fa-caret-down pl-5"></i></span> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'select'"> |
| <div class="d-flex align-items-center"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="custom_field.answer[0].option" |
| theme="select2" |
| ng-required="!!custom_field.required" |
| > |
| <ui-select-match placeholder="{{ custom_field.value }}"> |
| {{ custom_field.answer[0].option.value }} |
| </ui-select-match> |
| <ui-select-choices repeat="option in custom_field.options"> |
| {{ option.value }} |
| </ui-select-choices> |
| </ui-select> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'money'"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| class="form-control" |
| name="number" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!!custom_field.required" |
| ui-money-mask |
| /> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'upload'"> |
| <div class="d-flex align-items-center"> |
| <div class="d-flex justify-content-between w-full"> |
| <div class="upload-container" ng-if="custom_field.upload_document_type !== 'document'"> |
| <label for="file-input" class="file-name-label"> |
| <input |
| type="text" |
| class="form-control file-name-input" |
| ng-model="custom_field.answer[0].answer" |
| placeholder="Select File" |
| readonly |
| ng-required="custom_field.required" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </label> |
| <input |
| id="file-input" |
| type="file" |
| class="file-input" |
| name="upload" |
| file-change="setFilledCustomField(custom_field, $event)" |
| ng-required="custom_field.required && !custom_field.answer[0].answer" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </div> |
| <div class="upload-container" style="margin-bottom: 18px" ng-if="custom_field.upload_document_type === 'document'"> |
| <ui-select |
| ng-model="custom_field.answer[0].saved_document" |
| on-select="
|
| custom_field.answer[0].document_id = custom_field.answer[0].saved_document.id; |
| custom_field.state = 'was-filled'; |
| " |
| theme="select2"> |
| <ui-select-match allow-clear placeholder="Select Document"> |
| {{ custom_field.answer[0].saved_document.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="document in viewCard.documents | filter:$select.search track by $index"> |
| {{ document.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="p-3 d-flex"> |
| <a href="#" |
| ng-click="
|
| custom_field.upload_document_type = custom_field.upload_document_type === 'document' ? 'file' : 'document'; |
| custom_field.document = ''; |
| " |
| class="mr-2"> |
| <i |
| ng-class="custom_field.upload_document_type === 'document' ? 'fas fa-archive' : 'fa-solid fa-folder-arrow-up'" |
| class=" text-primary text-lg"></i> |
| </a> |
|
|
| <a ng-if="custom_field.answer[0].answer && custom_field.answered.document" |
| href="#" |
| class="mr-2" |
| ng-click="documentsDownload(custom_field.answered.document)" |
| type="button" |
| > |
| <i class="fas text-lg fa-arrow-circle-down color-purple"></i> |
| </a> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </ng-if> |
| </div> |
| </div> |
| </ng-if> |
| <ng-if |
| ng-if="
|
| $root.hasCustomFieldsModule() && |
| contact.custom_fields.length == 0 && |
| $root.isAccountOwner() |
| " |
| > |
| <small |
| ><i class="fas fa-lightbulb color-purple"></i> |
| How about creating more fields for you? |
| <a |
| href="" |
| onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#new-contact-modal').removeClass('show')" |
| >Click here and find how</a |
| ></small |
| > |
| </ng-if> |
|
|
| <div class="mt-5 form-row" |
| ng-if="
|
| $root.hasCustomFieldsModule() && |
| contact.custom_fields.length && |
| $root.isAccountOwner() |
| " |
| > |
| <div class="col-12"> |
| <div class="border-top pt-3"></div> |
|
|
| <h5 class="text-md">Add More Information:</h5> |
| <label>Select the custom information you want to include here.</label> |
| <ui-select ng-model="cardCustomFieldSelected" theme="select2" |
| on-select="addToUsedCustomFieldNewContact(cardCustomFieldSelected.id,$select)"> |
| <ui-select-match allow-clear placeholder="Select Custom Field to Add"> |
| {{ cardCustomFieldSelected.value }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="custom_field in contact.custom_fields | filter:$select.search | checkBothEmpty track by custom_field.id"> |
| {{ custom_field.value }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn bg-green bg-btn-green btn-block mb-3" |
| style="height: auto !important;" |
| ng-disabled="formNewContact.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| type="button" |
| style="font-weight: 400 !important;" |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeNewContactModal(form)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <div id="edit-contact-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeEditContactModal()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container pb-5"> |
| <h3>Edit Contact</h3> |
|
|
| <form |
| name="formEditContact" |
| ng-submit="updateContact(contact, formEditContact)" |
| novalidate |
| > |
| <ul class="list-inline mt-3"> |
| <li class="list-inline-item mr-4"> |
| <label class="radio-container"> |
| <input |
| style="display: none;" |
| type="radio" |
| name="type2" |
| value="pf" |
| ng-model="contact.type2" |
| /> |
| <span>Person</span> |
| <span class="checkmark"></span> |
| </label> |
| </li> |
|
|
| <li class="list-inline-item mr-4"> |
| <label class="radio-container"> |
| <input |
| style="display: none;" |
| type="radio" |
| name="type2" |
| value="pj" |
| ng-model="contact.type2" |
| /> |
| <span>Company</span> |
| <span class="checkmark"></span> |
| </label> |
| </li> |
| </ul> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>First Name</label> |
| <input |
| type="text" |
| class="form-control" |
| name="first_name" |
| ng-model="contact.first_name" |
| placeholder="{{ __('First Name') }}" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formEditContact.first_name.$dirty && |
| formEditContact.first_name.$error.required |
| " |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3" ng-show="contact.type2 === 'pf'"> |
| <div class="col-12"> |
| <label>Last Name</label> |
| <input |
| type="text" |
| class="form-control" |
| name="last_name" |
| ng-model="contact.last_name" |
| placeholder="{{ __('Last Name') }}" |
| /> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Email</label> |
| <input |
| type="email" |
| class="form-control" |
| name="email" |
| ng-model="contact.email" |
| placeholder="{{ __('Email') }}" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formEditContact.email.$dirty && |
| formEditContact.email.$error.email |
| " |
| >Enter a valid email. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Phone</label> |
| <input |
| type="text" |
| class="form-control" |
| name="phone" |
| ng-model="contact.phone" |
| placeholder="{{ __('Phone') }}" |
| ng-pattern="/[(]?\d{2,3}[-.)]?[ ]?\d{1,5}[-.]?\d{4}\b/g" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewContact.phone.$dirty && |
| formNewContact.phone.$error.pattern |
| " |
| > |
| Enter a valid phone. |
| </span> |
|
|
| <div class="form-row mb-3" ng-show="contact.type2 === 'pf'"> |
| <div class="col-12"> |
| <label>Company</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="contact.company" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingCompany" |
| tagging-label="false" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Company" |
| > |
| {{ contact.company.first_name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchContacts($select, {type2: 'pj'})" |
| refresh-delay="1000" |
| repeat="company in search_contacts" |
| > |
| {{ company.first_name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center" style="font-size: 12px;">Companies not found</p> |
| <div class="margin-create-new"> |
| <div class="no-item-create"> |
| <div class="new-item-contact"> |
| <div> |
| <i class="company-icon fa-sharp fa-solid fa-building"></i> |
| </div> |
| <h2>Add New Company</h2> |
| <h4>Press enter to create</h4> |
| </div> |
| </div> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3 mb-5"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block" |
| ng-disabled="formEditContact.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| type="button" |
| class="btn btn-outline-secondary btn-block" |
| ng-click="closeEditContactModal(formEditContact)" |
| > |
| Cancel |
| </button> |
|
|
| <div class="form-btn-container mt-3"> |
| <hr /> |
| <strong>Remove Contact</strong> |
|
|
| <p> |
| <br /> |
| Do you want to remove this contact? By doing this, you're removing the all cards with this contact. |
| <br /> |
| </p> |
| <button |
| type="button" |
| style="font-weight: 400;" |
| class="btn btn-danger btn-block" |
| ng-click="confirmDeleteContact()" |
| > |
| Delete Contact |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <div id="new-address-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeNewAddressModel()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container pb-5"> |
| <h3>Add Address</h3> |
| <form name="form" ng-submit="createAddress(address, form)" novalidate> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Name</label> |
| <input |
| type="text" |
| class="form-control" |
| name="name" |
| id="input-address-name" |
| ng-model="address.name" |
| placeholder="{{ __('Name') }}" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.name.$dirty && form.name.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Street</label> |
| <input |
| type="text" |
| class="form-control" |
| name="street" |
| ng-model="address.street" |
| placeholder="{{ __('Street') }}" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.street.$dirty && form.street.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>City</label> |
| <input |
| type="text" |
| class="form-control" |
| name="city" |
| ng-model="address.city" |
| placeholder="{{ __('City') }}" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.city.$dirty && form.city.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>State</label> |
| <input |
| type="text" |
| class="form-control" |
| name="state" |
| ng-model="address.state" |
| placeholder="{{ __('State') }}" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.state.$dirty && form.state.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Zipcode</label> |
| <input |
| type="text" |
| class="form-control" |
| name="zipcode" |
| ng-model="address.zipcode" |
| placeholder="{{ __('Zipcode') }}" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.zipcode.$dirty && form.zipcode.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Country</label> |
| <input |
| type="text" |
| class="form-control" |
| name="country" |
| ng-model="address.country" |
| placeholder="{{ __('Country') }}" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="form.country.$dirty && form.country.$error.required" |
| >This field is required.</span |
| > |
|
|
| <div class="form-btn-container mt-3 mb-5"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block" |
| ng-disabled="form.$invalid || loading" |
| ng-class="{'loading': loading}" |
| > |
| Save |
| </button> |
| <button |
| type="button" |
| class="btn btn-outline-secondary btn-block" |
| ng-click="closeNewAddressModel(form)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <script type="text/ng-template" id="removeContact.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Contact</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this contact?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-click="confirmDeleteContactCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeAddress.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Address</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this address?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteAddressCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="initialClioContactSync.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Clio Contact Sync</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>This might take a while</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-click="initialClioSyncCallback()">Sync</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
|
|
| <convert-contact-to-matter |
| ng-if="viewCard && |
| viewCard.sourceContact && |
| viewCard.sourceContact.contact && |
| $root.showConvertContactToMatterComponent" |
| active-board="activeBoard" |
| contact="viewCard.sourceContact.contact" |
| card="viewCard" |
| ></convert-contact-to-matter> |
|
|
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('Legalboards')"> |
| |
| <div id="new-case-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button class="close-btn btn close-form-but" ng-click="closeNewCaseModal()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3>New Matter</h3> |
| <form name="formNewCase" ng-submit="createMatter(matter, formNewCase)"> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Client</label> |
| <ui-select autofocus-ui-select ng-model="matter.client" theme="select2" close-on-selet="false" tagging="taggingContact" |
| ng-click="inputSearchFocus($event)" |
| tagging-label="false" |
| ng-change="$root.hasCustomFieldsModule() ? loadCustomFields({ type: 'matter', client_id: (matter.client.id == undefined ? '' : matter.client.id), parameter_id: (matter.area.id == undefined ? '' : matter.area.id) }, matter) : null" |
| ng-required="hasAsset('PracticePanther')" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Client" |
| > |
| {{ matter.client.first_name }} {{ |
| matter.client.last_name |
| }} |
| </ui-select-match> |
| <ui-select-choices refresh="searchContacts($select, {})" refresh-delay="1000" |
| repeat="client in search_contacts"> |
| {{ client.first_name }} {{ client.last_name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center">No clients found</p> |
| <div class="margin-create-new"> |
| <div class="no-item-create"> |
| <div> |
| <i class="fa-solid fa-user-plus"></i> |
| </div> |
| <h2>Create a new client</h2> |
| <h4>Press enter to create</h4> |
| </div> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formNewCase.client_id.$dirty && |
| formNewCase.client_id.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Practice Area</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="matter.area" |
| theme="select2" |
| close-on-selet="false" |
| tagging="tagginArea" |
| tagging-label="false" |
| ng-required="true" |
| name="area_id" |
| ng-change="$root.hasCustomFieldsModule() ? loadCustomFields({ type: 'matter', client_id: (matter.client.id == undefined ? '' : matter.client.id), parameter_id: (matter.area.id == undefined ? '' : matter.area.id) }, matter) : null" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Practice Area" |
| > |
| {{ matter.area.name }} |
| </ui-select-match> |
| <ui-select-choices repeat="area in matter_areas | filter: $select.search"> |
| {{ area.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center">Area not found</p> |
| <div class="margin-create-new"> |
| <div class="no-item-create"> |
| <div> |
| <i class="fa-solid fa-tags"></i> |
| </div> |
| <h2>Add New Area</h2> |
| <h4>Hit enter to add new</h4> |
| </div> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formNewCase.area_id.$dirty && |
| formNewCase.area_id.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Number/Title</label> |
| <input type="text" class="form-control" placeholder="3245/23423.4234.234" name="number" |
| ng-model="matter.number" required /> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formNewCase.number.$dirty && |
| formNewCase.number.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Opening</label> |
| <div class="datepicker-container"> |
| <input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker" |
| autocomplete="off" name="opening_at" ng-model="matter.opening_at" required /> |
| <span class="datepicker-icon"><i class="fa-regular fa-calendar-days"></i></span> |
| </div> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formNewCase.opening_at.$dirty && |
| formNewCase.opening_at.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Limiting</label> |
| <div class="datepicker-container"> |
| <input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker" |
| autocomplete="off" name="limiting_at" ng-model="matter.limiting_at" /> |
| <span class="datepicker-icon"><i class="fa-regular fa-calendar-days"></i></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description</label> |
| <textarea |
| class="form-control" |
| placeholder="Describe your case here" |
| name="description" |
| ng-model="matter.description" |
| ></textarea> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Status</label> |
| |
| |
| |
| |
| |
| |
|
|
| <ui-select |
| ng-model="matter.status" |
| theme="select2" |
| > |
| <ui-select-match allow-clear placeholder="Status"> |
| {{ matter.status.text }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="status in matter_status track by $index" |
| > |
| {{ status.text }} |
| </ui-select-choices> |
| </ui-select> |
|
|
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formNewCase.status.$dirty && |
| formNewCase.status.$error.required |
| ">This field is required. |
| </span> |
|
|
| <ng-show ng-show="labels.length > 0" ng-cloak> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Labels</label> |
| <ng-show ng-show="labels.length > 0" ng-cloak> |
| <h4 class="subtitles-dropdown bg-white" ng-repeat="label in matter.labels"> |
| <span ng-style="{'background-color': label.color}"></span> |
| <ng-show>{{ label.value }}</ng-show> |
| <i class="fal fa-times float-right colorLight h6" |
| ng-click="$event.stopPropagation(); matter.labels.splice(matter.labels.indexOf(label),1);"></i> |
| </h4> |
| </ng-show> |
|
|
| <ng-show ng-show="labels.length > 0" ng-cloak> |
| <h4 id="dDrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-cloak |
| class="subtitles-dropdown"> |
| <span ng-style="{'background-color': '#f1f4f9'}"></span> |
| <ng-show>Select</ng-show> |
| <i class="fal fa-chevron-down"></i> |
| </h4> |
| <div class="subtitles-dropdown dropdown-menu" aria-labelledby="dDrop"> |
| <h4 class="subtitles-dropdown subtitles-item" |
| ng-repeat="label in labels track by label.id" ng-click="matter.labels.push(label);"> |
| <span ng-style="{'background-color': label.color}"></span> |
| {{ label.value }} |
| </h4> |
| </div> |
| </ng-show> |
| </div> |
| </div> |
| </ng-show> |
|
|
| <ng-if |
| ng-if="
|
| $root.hasCustomFieldsModule() && matter.custom_fields.length > 0 |
| " |
| > |
| <h3 ng-if="(matter.custom_fields | checkAtLeastOneFilled).length">Custom Fields</h3> |
|
|
| <div ng-repeat="custom_field in matter.custom_fields | |
| checkAtLeastOneFilled track by custom_field.id" class="form-row mt-3"> |
| <div class="col-12"> |
| <label> |
| {{ custom_field.value }} |
| <ng-show ng-show="custom_field.required"> |
| (*) |
| </ng-show> |
| </label> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'text'"> |
| <div class="d-flex align-items-center"> |
| <textarea |
| class="form-control" |
| name="text" |
| ng-model="custom_field.answer[0].answer" |
| name="description" |
| ng-required="!!custom_field.required" |
| > |
| </textarea> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'input'"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| class="form-control" |
| name="number" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!!custom_field.required" |
| /> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'date'"> |
| <div class="datepicker-container"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="date" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!!custom_field.required" |
| /> |
| <span class="datepicker-icon delete-icon"><i class="fas fa-caret-down pl-5"></i></span> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'select'"> |
| <div class="d-flex align-items-center"> |
| <ui-select |
| autofocus-ui-select |
| ng-model="custom_field.answer[0].option" |
| theme="select2" |
| ng-required="!!custom_field.required" |
| > |
| <ui-select-match placeholder="{{ custom_field.value }}"> |
| {{ custom_field.answer[0].option.value }} |
| </ui-select-match> |
| <ui-select-choices repeat="option in custom_field.options"> |
| {{ option.value }} |
| </ui-select-choices> |
| </ui-select> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'money'"> |
| <div class="d-flex align-items-center"> |
| <input |
| type="text" |
| class="form-control" |
| name="number" |
| ng-model="custom_field.answer[0].answer" |
| ng-required="!!custom_field.required" |
| ui-money-mask |
| /> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid ml-2 text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </ng-if> |
|
|
| <ng-if ng-if="custom_field.field_type.name === 'upload'"> |
| <div class="d-flex align-items-center"> |
| <div class="d-flex justify-content-between w-full"> |
| <div class="upload-container" ng-if="custom_field.upload_document_type !== 'document'"> |
| <label for="file-input" class="file-name-label"> |
| <input |
| type="text" |
| class="form-control file-name-input" |
| ng-model="custom_field.answer[0].answer" |
| placeholder="Select File" |
| readonly |
| ng-required="custom_field.required" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </label> |
| <input |
| id="file-input" |
| type="file" |
| class="file-input" |
| name="upload" |
| file-change="setFilledCustomField(custom_field, $event)" |
| ng-required="custom_field.required && !custom_field.answer[0].answer" |
| ng-readonly="::hasAnyRole('viewer')" |
| /> |
| </div> |
| <div class="upload-container" style="margin-bottom: 18px" ng-if="custom_field.upload_document_type === 'document'"> |
| <ui-select |
| ng-model="custom_field.answer[0].saved_document" |
| on-select="
|
| custom_field.answer[0].document_id = custom_field.answer[0].saved_document.id; |
| custom_field.state = 'was-filled'; |
| " |
| theme="select2"> |
| <ui-select-match allow-clear placeholder="Select Document"> |
| {{ custom_field.answer[0].saved_document.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="document in viewCard.documents | filter:$select.search track by $index"> |
| {{ document.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="p-3 d-flex"> |
| <a href="#" |
| ng-click="
|
| custom_field.upload_document_type = custom_field.upload_document_type === 'document' ? 'file' : 'document'; |
| custom_field.document = ''; |
| " |
| class="mr-2"> |
| <i |
| ng-class="custom_field.upload_document_type === 'document' ? 'fas fa-archive' : 'fa-solid fa-folder-arrow-up'" |
| class=" text-primary text-lg"></i> |
| </a> |
|
|
| <a ng-if="custom_field.answer[0].answer && custom_field.answered.document" |
| href="#" |
| class="mr-2" |
| ng-click="documentsDownload(custom_field.answered.document)" |
| type="button" |
| > |
| <i class="fas text-lg fa-arrow-circle-down color-purple"></i> |
| </a> |
| <a href="" ng-click="removeToNewUsedCustomField(custom_field.id)"> |
| <i class="fa-solid text-danger text-lg fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </ng-if> |
| </div> |
| </div> |
| <div class="mt-5 form-row"> |
| <div class="col-12"> |
| <div class="border-top pt-3"></div> |
|
|
| <h5 class="text-md">Add More Information:</h5> |
| <label>Select the custom information you want to include here.</label> |
| <ui-select ng-model="cardCustomFieldSelected" theme="select2" |
| on-select="addToUsedCustomFieldNewMatter(cardCustomFieldSelected.id,$select)"> |
| <ui-select-match allow-clear placeholder="Select Custom Field to Add"> |
| {{ cardCustomFieldSelected.value }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="custom_field in matter.custom_fields | filter:$select.search | checkBothEmpty track by custom_field.id"> |
| {{ custom_field.value }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| </ng-if> |
| <ng-if |
| ng-if="
|
| $root.hasCustomFieldsModule() && |
| matter.custom_fields.length == 0 && |
| $root.isAccountOwner() |
| " |
| > |
| <small> |
| <i class="fas fa-lightbulb color-purple"></i> |
| How about creating more fields for you? |
| <a href="" |
| onclick="$('#collapse-menu').removeClass('menu-expand'); $('#config-profile').toggleClass('show'); $('#custom-fields').addClass('show'); $('#new-case-modal').removeClass('show')">Click here and find how</a> |
| </small> |
| </ng-if> |
|
|
| <div class="form-btn-container mt-3"> |
| <button type="submit" class="btn bg-green bg-btn-green-save btn-block mb-3" |
| ng-disabled="formNewCase.$invalid || loading" ng-class="{ loading: loading }"> |
| Save |
| </button> |
| <button class="btn btn-outline-secondary bg-btn-gray btn-block close-form-tab" ng-click="closeNewCaseModal(form)" type="button"> |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| |
|
|
| <div id="edit-case-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button class="close-btn btn close-form-but" ng-click="closeEditCaseModal()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container pb-5"> |
| <h3>Edit Matter</h3> |
| <form name="formEditCase" ng-submit="updateMatter(matter, formEditCase)" novalidate> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Client</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="matter.client" |
| theme="select2" |
| close-on-selet="false" |
| tagging="taggingContact" |
| tagging-label="false" |
| ng-change="matter.client_id = matter.client.id" |
| ng-required="hasAsset('PracticePanther')" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Client" |
| > |
| {{ matter.client.first_name }} |
| </ui-select-match> |
| <ui-select-choices refresh="searchContacts($select, {})" refresh-delay="1000" |
| repeat="client in search_contacts"> |
| {{ client.first_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formEditCase.client_id.$dirty && |
| formEditCase.client_id.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Type</label> |
| <ui-select autofocus-ui-select ng-model="matter.area" theme="select2" close-on-selet="false" tagging="tagginArea" |
| tagging-label="false" ng-required="true" name="area_id"> |
| <ui-select-match allow-clear placeholder="Type"> |
| {{ matter.area.name }} |
| </ui-select-match> |
| <ui-select-choices repeat="area in matter_areas | filter: $select.search"> |
| {{ area.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formEditCase.area_id.$dirty && |
| formEditCase.area_id.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Number/Title</label> |
| <input type="text" class="form-control" placeholder="3245/23423.4234.234" name="number" |
| ng-model="matter.number" required /> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formEditCase.number.$dirty && |
| formEditCase.number.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Opening</label> |
| |
| <div class="datepicker-container"> |
| <input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker" |
| autocomplete="off" name="opening_at" ng-model="matter.opening_at" required /> |
| <span class="datepicker-icon"><i class="fas fa-caret-down"></i></span> |
| </div> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formEditCase.opening_at.$dirty && |
| formEditCase.opening_at.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Limiting</label> |
| |
| <div class="datepicker-container"> |
| <input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker" |
| autocomplete="off" name="limiting_at" ng-model="matter.limiting_at" /> |
| <span class="datepicker-icon"><i class="fas fa-caret-down"></i></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description</label> |
| <textarea class="form-control" placeholder="Description" name="description" |
| ng-model="matter.description"></textarea> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Status</label> |
| |
| |
| |
| |
|
|
| <ui-select |
| ng-model="matter.status" |
| theme="select2" |
| ng-required="true" |
| > |
| <ui-select-match allow-clear placeholder="Status " ng-required="true"> |
| {{ matter.status.text }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="status in matter_status track by $index" |
| > |
| {{ status.text }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formEditCase.status.$dirty && |
| formEditCase.status.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-btn-container mt-3 mb-5"> |
| <button type="submit" class="btn bg-green bg-btn-green btn-block" ng-disabled="formEditCase.$invalid || loading" style="height: auto !important;" |
| ng-class="{ loading: loading }"> |
| Save |
| </button> |
| <button class="btn btn-outline-secondary bg-btn-gray btn-block" ng-click="closeEditCaseModal(formEditCase)" type="button"> |
| Cancel |
| </button> |
| <div class="form-btn-container mt-3"> |
| <hr /> |
| <strong>Remove Case</strong> |
|
|
| <p> |
| <br /> |
| Do you want to remove this case? By doing this, you're removing the all cards with this case. |
| <br /> |
| </p> |
| <button type="button" class="btn btn-danger bg-btn-gray btn-block" ng-click="confirmDeleteCase()" |
| ng-disabled="AuthUser.id !== matter.originating_id"> |
| Delete Matter |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| |
|
|
| <div id="close-case-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeCloseCaseModal()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container pb-5"> |
| <h3>Close Matter</h3> |
| <form name="form" ng-submit="closeMatter(matter, form)" novalidate> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Closing</label> |
| |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="closing_at" |
| ng-model="matter.closing_at" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3 mb-5"> |
| <button |
| class="btn btn-primary btn-block" |
| ng-disabled="form.$invalid || loading" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block" |
| type="button" |
| ng-click="closeCloseCaseModal(form)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <script type="text/ng-template" id="removeCase.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Matter</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this case?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteCaseCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeMemberMatter.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Remove Member</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to remove this member?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeMatterMember(deletingMatterMember.index, deletingMatterMember.member)">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeMatterMatterCase.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Remove Case</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to remove this case?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="removeMatterCase(deletingMatterCase.index, deletingMatterCase.case)">Remove</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| |
|
|
| <div |
| id="legalboards-migration-automation-form" |
| class="slide-in-contaniner slide-in-form remove" |
| > |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeLegalboardsMigrateAutomationForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3 ng-show="!automation.id">New Automation</h3> |
| <h3 ng-show="automation.id"> |
| Edit Automation |
| </h3> |
| <form |
| name="formLegalboardsMigrateAutomation" |
| ng-submit="saveLegalboardsMigrateAutomation(automation, formLegalboardsMigrateAutomation)" |
| > |
| <p class="color-purple font-weight-bold mb-0"> |
| When a new matter is created |
| </p> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Client</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="automation.clients" |
| theme="select2" |
| name="clients" |
| class="multipleFind" |
| multiple |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="All the options" |
| > |
| {{ $item.first_name }} {{ $item.last_name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="contact in matter_clients | filter:$select.search track by $index" |
| > |
| {{ contact.first_name }} {{ contact.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| <small |
| class="form-text text-muted" |
| ng-show="automation.clients.length > 0" |
| >You can select more than one option</small |
| > |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Practice area</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="automation.areas" |
| theme="select2" |
| name="areas" |
| class="multipleFind" |
| multiple |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="All the options" |
| > |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="area in matter_areas | filter:$select.search track by $index" |
| > |
| {{ area.name }} |
| </ui-select-choices> |
| </ui-select> |
| <small |
| class="form-text text-muted" |
| ng-show="automation.areas.length > 0" |
| >You can select more than one option</small |
| > |
| </div> |
| </div> |
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| <ng-if |
| ng-if="
|
| $root.hasCustomFieldsModule() && |
| automation.custom_fields.length > 0 |
| " |
| > |
| <h3>Custom Fields</h3> |
|
|
| <div |
| ng-repeat="custom_field in automation.custom_fields track by $index" |
| class="mt-3" |
| > |
| <label> {{ custom_field.custom_field.value }} </label> |
|
|
| <ng-if |
| ng-if="
|
| custom_field.custom_field.field_type.name === 'text' |
| " |
| > |
| <textarea |
| class="form-control" |
| name="text" |
| ng-model="custom_field.answer" |
| name="description" |
| > |
| </textarea> |
| </ng-if> |
|
|
| <ng-if |
| ng-if="
|
| custom_field.custom_field.field_type.name === |
| 'input' |
| " |
| > |
| <input |
| type="text" |
| class="form-control" |
| name="number" |
| ng-model="custom_field.answer" |
| /> |
| </ng-if> |
|
|
| <ng-if |
| ng-if="
|
| custom_field.custom_field.field_type.name === 'date' |
| " |
| > |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="date" |
| ng-model="custom_field.answer" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </ng-if> |
|
|
| <ng-if |
| ng-if="
|
| custom_field.custom_field.field_type.name === |
| 'select' |
| " |
| > |
| <select |
| class="form-control" |
| ng-model="custom_field.answer" |
| > |
| <option value=""></option> |
| <option |
| ng-repeat="option in custom_field.custom_field.options" |
| value="{{ option.id }}" |
| > |
| {{ option.value }} |
| </option> |
| </select> |
| </ng-if> |
|
|
| <ng-if |
| ng-if="
|
| custom_field.custom_field.field_type.name === |
| 'money' |
| " |
| > |
| <input |
| type="text" |
| class="form-control" |
| name="number" |
| ng-model="custom_field.answer" |
| ui-money-mask |
| /> |
| </ng-if> |
| </div> |
| </ng-if> |
|
|
| <p class="color-purple font-weight-bold mt-3"> |
| Add to... |
| </p> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Column</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="automation.automation.list" |
| theme="select2" |
| name="list" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="List" |
| > |
| {{ automation.automation.list.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="list in lists | filter:{board_id:automation.automation.board.id,name:$select.search} track by $index" |
| > |
| {{ list.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formLegalboardsMigrateAutomation.list.$dirty && |
| formLegalboardsMigrateAutomation.list.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formLegalboardsMigrateAutomation.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| type="button" |
| ng-click="closeClioAutomationForm(formLegalboardsMigrateAutomation)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('Tasks')"> |
| |
|
|
| <div id="new-task-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button class="close-btn btn close-form-but" ng-click="closeNewTaskModel()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3>New Task</h3> |
|
|
| <form |
| name="formNewTask" |
| ng-submit="createTask(new_task_model, formNewTask)" |
| > |
| <div class="form-row mb-3"> |
|
|
| <div ng-if="publicationSelected" class="col-12 link-card-container align-items-center d-flex mb-2"> |
| <div class="mx-3"> |
| <i class="fa-solid fa-link"></i> |
| </div> |
| <div class="d-flex flex-column"> |
| <span class="text-sm">Linked to Publication:</span> |
| <span class="text-bold text-sm">{{ publicationSelected.section }} - {{ publicationSelected.date | date:'dd/MM/yyyy' }}</span> |
| </div> |
| </div> |
|
|
| <div class="col-12"> |
| <label>Reporter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="new_task_model.reporter" |
| theme="select2" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Reporter" |
| > |
| {{ new_task_model.reporter.first_name }} {{ |
| new_task_model.reporter.last_name |
| }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="user in account_team | filter:{first_name:$select.search} track by $index" |
| > |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Assignee Type</label> |
| <div class="form-row"> |
| <div class="col-12"> |
| <label |
| class="radio-container" |
| for="task-model-assignee-type-user" |
| ng-click="new_task_model.assignee_type = 'user'" |
| > |
| User |
| <input |
| name="new_task_model_assignee_type" |
| class="form-check-input" |
| ng-model="new_task_model.assignee_type" |
| type="radio" |
| id="task-model-assignee-type-user" |
| value="user" |
| required |
| > |
| <span class="checkmark"></span> |
| </label> |
| </div> |
| <div class="col-12"> |
| <label |
| class="radio-container" |
| for="task-model-assignee-type-squad" |
| ng-click="new_task_model.assignee_type = 'squad'" |
| > |
| Squad |
| <input |
| name="new_task_model_assignee_type" |
| class="form-check-input" |
| ng-model="new_task_model.assignee_type" |
| type="radio" |
| id="task-model-assignee-type-squad" |
| value="squad" |
| required |
| /> |
| <span class="checkmark"></span> |
|
|
| </label> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| <div class="form-row mb-3" ng-if="new_task_model.assignee_type == 'user'"> |
| <div class="col-12"> |
| <label>Assignee</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="new_task_model.assignee" |
| theme="select2" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Assignee" |
| > |
| {{ new_task_model.assignee.first_name }} {{ |
| new_task_model.assignee.last_name |
| }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="user in account_team | filter:{first_name:$select.search} track by $index" |
| > |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewTask.assignee.$dirty && |
| formNewTask.assignee.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
|
|
| <div class="form-row mb-3" ng-if="new_task_model.assignee_type == 'squad'"> |
| <div class="col-11"> |
| <label>Select a Squad</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="new_task_model.squad" |
| theme="select2" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Squad" |
| > |
| {{ new_task_model.squad.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="task_squad in task_squads | filter:$select.search track by $index" |
| > |
| {{ task_squad.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="col-1 mt-3"> |
| <button |
| type="button" |
| class="btn btn-outline-secondary px-2" |
| ng-click="openTaskSquadConfig()" |
| style="margin-top: 45%;" |
| > |
| <i class="fas fa-cog"></i> |
| </button> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Due</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="due" |
| ng-model="new_task_model.due" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Title</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Title" |
| name="text" |
| ng-model="new_task_model.title" |
| name="title" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewTask.title.$dirty && |
| formNewTask.title.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description</label> |
| <trix-editor |
| angular-trix |
| ng-model="new_task_model.description" |
| name="new_task_description" |
| rows="50" |
| placeholder="Description" |
| ng-keyup="dirtyAngularTrix = true" |
| trix-id="4" |
| ></trix-editor> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Type</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="new_task_model.type" |
| theme="select2" |
| close-on-selet="false" |
| tagging="tagginTaskType" |
| tagging-label="false" |
| name="type" |
| ng-change="new_task_model.type = new_task_model.type || task_types[0]; new_task_model.status = null; loadTaskStatus(new_task_model.type)" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Type" |
| > |
| {{ new_task_model.type.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="type in task_types | filter: $select.search" |
| > |
| {{ type.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center">Type not found</p> |
| <div class="no-item-create"> |
| <h2>Add New Type</h2> |
| <i class="fad fa-tags"></i> |
| <h4>Hit enter to add new</h4> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Status</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="new_task_model.status" |
| theme="select2" |
| close-on-selet="false" |
| tagging="tagginTaskStatus" |
| tagging-label="false" |
| name="status" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Status" |
| > |
| {{ new_task_model.status.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="status in task_status | filter: $select.search" |
| > |
| {{ status.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formNewTask.status.$dirty && |
| formNewTask.status.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-0"> |
| <div class="col-12"> |
| <label>Checklists</label> |
| <div id="checklistAccordion" class="accordion checklist-accordion w-100 mt-0"> |
| <div class="card border-0 mb-3" style="border: none !important;"> |
| <div id="checklist"> |
| <div class="card border-0 mb-3"> |
| <div> |
| <div class="card-body p-0 pt-3 pb-1"> |
|
|
| <div |
| class="col-12 complete px-0 mb-1" |
| ng-repeat="item in new_task_model.check_lists" |
| > |
| <div class="d-flex"> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-keydown="
|
| $event.keyCode === 13 && saveTaskCheckList(new_task_model, item, $event); |
| " |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button |
| class="btn p-0 btn-disable-danger" |
| type="button" |
| ng-click="deleteTaskCheckList(new_task_model, item)" |
| > |
| <i class="fa fa-trash text-sm mr-3"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| <div class="form-group position-relative px-3 mt-2"> |
| <input |
| class="form-control form-control-lg new-item pr-5" |
| autocomplete="off" |
| type="text" |
| name="name" |
| ng-model="newItem.name" |
| placeholder="Create a new item here..." |
| ng-keydown="$event.keyCode === 13 && saveTaskCheckList(new_task_model, newItem, $event);" |
|
|
| /> |
| <button |
| class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:30px;top:10px" |
| type="button" |
| ng-click="saveTaskCheckList(new_task_model, newItem)" |
| > |
| <i class="far fa-check"></i> |
| </button> |
| </div> |
|
|
| </div> |
|
|
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <div id="accordion" class="accordion checklist-accordion w-100 mt-0"> |
| <label>Decisions</label> |
| <div id="decision"> |
| <div class="card border-0 mb-3" style="border: none !important;"> |
| <div> |
| <div class="card-body p-0 pt-1 pb-1"> |
|
|
| <div |
| class="col-12 complete px-0 mb-1" |
| ng-repeat="item in new_task_model.decisions" |
| > |
| <div class="d-flex"> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-keydown="
|
| $event.keyCode === 13 && saveTaskDecision(new_task_model, item, $event); |
| " |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button |
| class="btn p-0 btn-disable-danger" |
| type="button" |
| ng-click="deleteTaskDecision(new_task_model, item)" |
| > |
| <i class="fa fa-trash text-sm mr-3"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| <div class="form-group position-relative px-3 mt-2"> |
| <input |
| class="form-control form-control-lg new-item pr-5" |
| autocomplete="off" |
| type="text" |
| name="name" |
| ng-model="newDecisionItem.name" |
| placeholder="Create a new decision option here..." |
| ng-keydown="$event.keyCode === 13 && saveTaskDecision(new_task_model, newDecisionItem, $event);" |
|
|
| /> |
| <button |
| class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:25px;top:10px" |
| type="button" |
| ng-click="saveTaskDecision(new_task_model, newDecisionItem)" |
| > |
| <i class="far fa-check"></i> |
| </button> |
| </div> |
|
|
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn bg-green bg-btn-green btn-block mb-3" |
| ng-disabled="formNewTask.$invalid || loading" |
| ng-class="{ loading: loading }" |
| style="height: auto !important;" |
| > |
| Save |
| </button> |
| <button |
| type="button" |
| class="btn btn-outline-secondary bg-btn-gray btn-block close-form-tab" |
| ng-click="closeNewTaskModel(form)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| |
|
|
| <div id="edit-task-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeEditTaskModel()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3>Edit Task</h3> |
|
|
| <form |
| name="formEditedit_task_model" |
| ng-submit="updateTask(edit_task_model, formEditedit_task_model)" |
| novalidate |
| > |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Reporter</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="edit_task_model.reporter" |
| theme="select2" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Reporter" |
| > |
| {{ edit_task_model.reporter.first_name }} {{ |
| edit_task_model.reporter.last_name |
| }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="user in account_team | filter:{first_name:$select.search} track by $index" |
| > |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Assignee Type</label> |
| <div class="form-row"> |
| <div class="col-12"> |
| <label |
| class="radio-container" |
| for="task-model-assignee-type-user" |
| ng-click="edit_task_model.assignee_type = 'user'" |
| > |
| User |
| <input |
| name="edit_task_model_assignee_type" |
| class="form-check-input" |
| ng-model="edit_task_model.assignee_type" |
| type="radio" |
| id="task-model-assignee-type-user" |
| value="user" |
| required |
| > |
| <span class="checkmark"></span> |
| </label> |
| </div> |
| <div class="col-12"> |
| <label |
| class="radio-container" |
| for="task-model-assignee-type-squad" |
| ng-click="edit_task_model.assignee_type = 'squad'" |
| > |
| Squad |
| <input |
| name="edit_task_model_assignee_type" |
| class="form-check-input" |
| ng-model="edit_task_model.assignee_type" |
| type="radio" |
| id="task-model-assignee-type-squad" |
| value="squad" |
| required |
| /> |
| <span class="checkmark"></span> |
|
|
| </label> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3" ng-if="edit_task_model.assignee_type == 'user'"> |
| <div class="col-12"> |
| <label>Assignee</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="edit_task_model.assignee" |
| theme="select2" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Assignee" |
| > |
| {{ edit_task_model.assignee.first_name }} {{ |
| edit_task_model.assignee.last_name |
| }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="user in account_team | filter:{first_name:$select.search} track by $index" |
| > |
| {{ user.first_name }} {{ user.last_name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formEditedit_task_model.assignee_id.$dirty && |
| formEditedit_task_model.assignee_id.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3" ng-if="edit_task_model.assignee_type == 'squad'"> |
| <div class="col-11"> |
| <label>Select a Squad</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="edit_task_model.squad" |
| theme="select2" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Squad" |
| > |
| {{ edit_task_model.squad.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="task_squad in task_squads | filter:$select.search track by $index" |
| > |
| {{ task_squad.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="col-1 mt-3"> |
| <button |
| type="button" |
| class="btn btn-outline-secondary px-2" |
| ng-click="openTaskSquadConfig()" |
| style="margin-top: 45%;" |
| > |
| <i class="fas fa-cog"></i> |
| </button> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Due</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="due" |
| ng-model="edit_task_model.due" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Title</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Title" |
| name="text" |
| ng-model="edit_task_model.title" |
| name="title" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formEditedit_task_model.title.$dirty && |
| formEditedit_task_model.title.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description</label> |
| <trix-editor |
| angular-trix |
| ng-model="edit_task_model.description" |
| name="task_form_description" |
| rows="50" |
| placeholder="Description" |
| trix-id="3" |
| ></trix-editor> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Type</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="edit_task_model.type" |
| theme="select2" |
| close-on-selet="false" |
| tagging="tagginTaskType" |
| tagging-label="false" |
| name="type" |
| ng-change="edit_task_model.type = edit_task_model.type || task_types[0]; edit_task_model.status = null; loadTaskStatus(edit_task_model.type)" |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Type" |
| > |
| {{ edit_task_model.type.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="type in task_types | filter: $select.search" |
| > |
| {{ type.name }} |
| </ui-select-choices> |
| <ui-select-no-choice> |
| <p class="text-center">Type not found</p> |
| <div class="no-item-create"> |
| <h2>Add New Type</h2> |
| <i class="fad fa-tags"></i> |
| <h4>Hit enter to add new</h4> |
| </div> |
| </ui-select-no-choice> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3" ng-if="edit_task_model.type"> |
| <div class="col-12"> |
| <label>Status</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="edit_task_model.status" |
| theme="select2" |
| close-on-selet="false" |
| tagging="tagginTaskStatus" |
| tagging-label="false" |
| name="status" |
| ng-change="confirmTaskFishingIntent(edit_task_model)" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Status" |
| > |
| {{ edit_task_model.status.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="status in task_status | filter: $select.search" |
| > |
| {{ status.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formEditedit_task_model.status.$dirty && |
| formEditedit_task_model.status.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-0"> |
| <div class="col-12"> |
| <label>Checklists</label> |
| <div id="checklistAccordion" class="accordion checklist-accordion w-100 mt-0"> |
| <div class="card border-0 mb-3" style="border: none !important;"> |
| <div id="checklist"> |
| <div class="card border-0 mb-3"> |
| <div> |
| <div class="card-body p-0 pt-3 pb-1"> |
|
|
| <div |
| class="col-12 complete px-0 mb-1" |
| ng-repeat="item in edit_task_model.check_lists" |
| > |
| <div class="d-flex"> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-keydown="
|
| $event.keyCode === 13 && saveTaskCheckList(edit_task_model, item, $event); |
| " |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button |
| class="btn p-0 btn-disable-danger" |
| type="button" |
| ng-click="deleteTaskCheckList(edit_task_model, item)" |
| > |
| <i class="fa fa-trash text-sm mr-3"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| <div class="form-group position-relative px-2 mt-2"> |
| <input |
| class="form-control form-control-lg new-item pr-5" |
| autocomplete="off" |
| type="text" |
| name="name" |
| ng-model="newItem.name" |
| placeholder="Create a new item here..." |
| ng-keydown="$event.keyCode === 13 && saveTaskCheckList(edit_task_model, newItem, $event);" |
|
|
| /> |
| <button |
| class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:30px;top:10px" |
| type="button" |
| ng-click="saveTaskCheckList(edit_task_model, newItem)" |
| > |
| <i class="far fa-check"></i> |
| </button> |
| </div> |
|
|
| </div> |
|
|
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <div id="accordion" class="accordion checklist-accordion w-100 mt-0"> |
| <label>Decisions</label> |
| <div id="decision"> |
| <div class="card border-0 mb-3" style="border: none !important;"> |
| <div> |
| <div class="card-body p-0 pt-1 pb-1"> |
|
|
| <div |
| class="col-12 complete px-0 mb-1" |
| ng-repeat="item in edit_task_model.decisions" |
| > |
| <div class="d-flex"> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-keydown="
|
| $event.keyCode === 13 && saveTaskDecision(edit_task_model, item, $event); |
| " |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button |
| class="btn p-0 btn-disable-danger" |
| type="button" |
| ng-click="deleteTaskDecision(edit_task_model, item)" |
| > |
| <i class="fa fa-trash text-sm mr-3"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| <div class="form-group position-relative px-2 mt-2"> |
| <input |
| class="form-control form-control-lg new-item pr-5" |
| autocomplete="off" |
| type="text" |
| name="name" |
| ng-model="newDecisionItem.name" |
| placeholder="Create a new decision option here..." |
| ng-keydown="$event.keyCode === 13 && saveTaskDecision(edit_task_model, newDecisionItem, $event);" |
|
|
| /> |
| <button |
| class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:25px;top:10px" |
| type="button" |
| ng-click="saveTaskDecision(edit_task_model, newDecisionItem)" |
| > |
| <i class="far fa-check"></i> |
| </button> |
| </div> |
|
|
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formEditedit_task_model.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeEditTaskModel(form)" |
| type="reset" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <div |
| id="view-task-details" |
| class="slide-in-contaniner account-modal-details remove" |
| style="width: 46%" |
| > |
| <button type="button" class="close-btn btn" ng-click="closeViewTask()"> |
| <i class="fas fa-times"></i> |
| </button> |
| <div class="slide-in-content p-0" style="width: 100%"> |
| |
|
|
| <div class="p-4"> |
| <div class="row ml-0 pb-3 border-bottom"> |
| <div class="col-12 mb-3 matter-dropdrow"> |
| <h3 class="mb-0 float-left">{{ task.title }}</h3> |
|
|
| <ui-select |
| allowClear="false" |
| search-enabled="false" |
| autofocus-ui-select |
| ng-model="task.status" |
| theme="select2" |
| close-on-selet="true" |
| name="status" |
| class="float-right col-3" |
| ng-change="updateTaskStatus(task)" |
| ng-disabled="(hasAnyRole(['viewer', 'member']) && task.assignee_id != AuthUser.id) || loading" |
| > |
| Status: |
| <ui-select-match allow-clear placeholder="Status"> |
| {{ task.status.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="status in task_status | filter: $select.search" |
| > |
| {{ status.name }} |
| </ui-select-choices> |
| </ui-select> |
| <h4 class="float-right m-3">Status:</h4> |
| </div> |
|
|
| <div class="col-12"> |
| <h4 class="font-weight-normal mt-0">{{ task.type.name }}</h4> |
| </div> |
| <div class="col-4" ng-if="task.assignee_type == 'user'"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ task.assignee.first_name }} {{ |
| task.assignee.last_name |
| }}" |
| style="background-image:url({{ task.assignee.avatar }});" |
| > |
| <span ng-show="!task.assignee.avatar"> |
| {{ task.assignee.initials }} |
| </span> |
| </div> |
| <strong>Assignee:</strong><br /> |
| {{ task.assignee.first_name }} {{ task.assignee.last_name }} |
| </div> |
| <div class="col-4" ng-if="task.assignee_type == 'squad'"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-style="{ 'background-color': task.squad.color }" |
| title="{{ task.squad.name }}" |
| > |
| <span> |
| {{ task.squad.name[0] }} |
| </span> |
| </div> |
| <strong>Assigned to a Squad:</strong><br /> |
| {{ task.squad.name }} |
| <small uib-tooltip="{{ task.squad.members_names }}"> |
| <i class="far fa-eye"></i> |
| </small> |
| </div> |
| <div class="col-4"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ task.reporter.first_name }} {{ |
| task.reporter.last_name |
| }}" |
| style="background-image:url({{ task.reporter.avatar }});" |
| > |
| <span ng-show="!task.reporter.avatar" |
| >{{ task.reporter.initials }}</span |
| > |
| </div> |
| <strong>Reporter:</strong><br /> |
| {{ task.reporter.first_name }} {{ task.reporter.last_name }} |
| </div> |
| <div class="col-4"> |
| <i class="fal fa-calendar-alt"></i> |
| <strong>Date:</strong><br /> |
| <span ng-class="{ |
| 'late-date': $root.now.isAfter( |
| task.due |
| ) && !task.status.is_done |
| }"> |
| {{ task.due | amDateFormat: "L" }} |
| <small class="late" ng-if="now.isAfter(task.due) && !task.status.is_done"><i class="fad fa-engine-warning"></i></small> |
|
|
| </div> |
|
|
| <div ng-if="task.publication" class="col-12 mt-4"> |
| <div class="link-card-container mb-2"> |
| <div class="d-flex justify-content-between align-items-center"> |
| <div class="d-flex align-items-center"> |
| <div class="mx-3"> |
| <i class="fa-solid fa-link"></i> |
| </div> |
| <div class="d-flex flex-column"> |
| <span class="text-sm">Linked to Publication:</span> |
| <span class="text-bold text-sm">{{ task.publication.section }} - {{ task.publication.date | date:'dd/MM/yyyy' }}</span> |
| </div> |
| </div> |
| <div class="mr-2"> |
| <a href="#" ng-click="toggleShowPublicationDescription(task.publication)"> |
| <i class="fa-solid text-lg mr-1" ng-class="{ |
| 'fa-eye': !task.publication.show_description, |
| 'fa-eye-slash': task.publication.show_description |
| }"></i> |
| </a> |
| <a href="#" ng-click="viewModalToUnlinkPublication(task.id)"><i class="fa-light fa-xmark text-lg"></i></a> |
| </div> |
| </div> |
|
|
| <div class="mt-3 px-3 item-animate-publication" ng-show="task.publication.show_description"> |
| <span ng-if="task.publication.v2" ng-bind-html="task.publication.v2.content"></span> |
| <span ng-if="!task.publication.v2" ng-bind-html="task.publication.content"></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="col-12 mt-4"> |
| <div class="d-flex justify-content-start view-card-internal-tab task-tabs"> |
| <span class="title-view-card mr-4 pb-2" |
| ng-click="viewCardTabInternal = 'description'" |
| ng-class="{'tab-active': viewCardTabInternal == 'description'}" |
| > |
| <i class="fas fa-align-left mr-1"></i> Description |
| </span> |
| <span class="title-view-card ml-4 pb-2 px-2" |
| ng-click="viewCardTabInternal = 'details'" |
| ng-class="{'tab-active': viewCardTabInternal == 'details'}" |
| > |
| <i class="fas fa-info-circle mr-1"></i> |
| <span ng-if="task.matter">Matter Details</span> |
| <span ng-if="task.contact">Contact Details</span> |
| <span ng-if="!task.matter && !task.contact">Card Details</span> |
| </span> |
| </div> |
| </div> |
|
|
| |
| <div ng-if="viewCardTabInternal === 'description'" > |
| <div class="col-12 mt-3"> |
| <div class="description-container"> |
| <h4 class="title"> |
| <i class="fas fa-text"></i> <span>Description</span> |
| </h4> |
| <div class="message-container"> |
| <span class="message" ng-bind-html="task.description"></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="col-12 mt-3 task-action-buttons"> |
| <strong ng-if="::!hasAnyRole('viewer')"> |
| <button |
| type="button" |
| ng-click="openEditTaskModal(task)" |
| class="float-left mt-2 btn-outline-primary btn-sm btn-border btn" |
| ng-disabled="hasAnyRole('member') && task.reporter_id != AuthUser.id" |
| ng-attr-title="{{ |
| hasAnyRole('member') && task.reporter_id != AuthUser.id |
| ? $root.DISABLED_BUTTON_MESSAGE |
| : '' |
| }}" |
| > |
| <i class="fa fa-pencil"></i> |
| </button> |
| </strong> |
|
|
| <strong |
| class="float-left ml-2" |
| > |
| <button |
| class="float-left mt-2 btn-outline-primary btn-sm btn-border btn" |
| title="Start timer" |
| title-direction="left" |
| ng-show="!$root.timerRunning" |
| ng-click="saveTimer({task: task, description: timesheet.description})" |
| type="button" |
| > |
| <i class="fa-solid fa-alarm-clock"></i> |
| </button> |
| </strong> |
|
|
| <strong |
| class="float-left ml-2 mt-2" |
| ng-if="::!hasAnyRole('viewer')" |
| > |
| <button |
| type="button" |
| ng-disabled="hasAnyRole('member') && task.reporter_id != AuthUser.id" |
| ng-click="confirmDeleteTask(task)" |
| class="btn-sm btn-outline-danger btn" |
| ng-attr-title="{{ |
| hasAnyRole('member') && task.reporter_id != AuthUser.id |
| ? $root.DISABLED_BUTTON_MESSAGE |
| : '' |
| }}" |
| > |
| <i class="fa fa-trash"></i> |
| </button> |
| </strong> |
| </div> |
| </div> |
|
|
| |
| <div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && task.matter"> |
| <div class="row ml-3"> |
| <div class="col-6"> |
| <i class="fa-regular fa-calendar"></i> |
| <span class="ml-2 title">Open date</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.matter.matter.opening_at | amDateFormat: "L" }}</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="fa-regular fa-calendar"></i> |
| <span class="ml-2 title">Limit Date</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.matter.matter.limiting_at | amDateFormat: "L" }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
|
|
| <div class="col-6"> |
| <i class="fa-regular fa-suitcase"></i> |
| <span class="ml-2 title">Number</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.matter.matter.number }}</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="fa-solid fa-tag"></i> |
| <span class="ml-2 title">Area</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.matter.matter.area.name }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
| <div class="col-12"> |
| <i class="fas fa-align-left"></i> |
| <span class="ml-2 title">Description</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.matter.matter.description ? task.matter.matter.description : '--' }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
| <div class="col-6"> |
| <i class="far fa-user"></i> |
| <span class="ml-2 title">Responsible Attorney</span> |
| <p class="ml-4 pt-1 description-detail" ng-if="task.matter.matter.responsible"> |
| {{ task.matter.matter.responsible.full_name }} ({{ task.matter.matter.responsible.email }}) |
| </p> |
| <p class="ml-4 pt-1 description-detail" ng-if="!task.matter.matter.responsible">--</p> |
| </div> |
| <div class="col-6"> |
| <i class="far fa-user-tag"></i> |
| <span class="ml-2 title">Originating Attorney</span> |
| <p class="ml-4 pt-1 description-detail" ng-if="task.matter.matter.originating"> |
| {{ task.matter.matter.originating.full_name }} ({{ task.matter.matter.originating.email }}) |
| </p> |
| <p class="ml-4 pt-1 description-detail" ng-if="!task.matter.matter.originating">--</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
| <div class="col-6"> |
| <i class="far fa-user"></i> |
| <span class="ml-2 title">Client</span> |
| <p class="ml-4 pt-1 description-detail" ng-if="task.matter.matter.client"> |
| {{ task.matter.matter.client.full_name }} <span ng-if="task.matter.matter.client.email">({{ task.matter.matter.client.email }})</span> |
| </p> |
| <p class="ml-4 pt-1 description-detail" ng-if="!task.matter.matter.client">--</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="far fa-phone"></i> |
| <span class="ml-2 title">Phone</span> |
| <p class="ml-4 pt-1 description-detail" ng-if="task.matter.matter.client"> |
| {{ task.matter.matter.client.phone? task.matter.matter.client.phone : '--' }} |
| </p> |
| </div> |
|
|
| <div class="separator" ng-if="task.matter.matter.members.length"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4" ng-if="task.matter.matter.members.length"> |
| <div class="col-12 mb-2"> |
| <i class="far fa-users"></i> |
| <span class="ml-2 title">Related Contacts</span> |
| </div> |
| </div> |
| <div class="row ml-5" ng-repeat="member in task.matter.matter.members"> |
| <div class="col-6"> |
| <div class="d-flex flex-column"> |
| <strong>{{ member.contact.full_name }}</strong> |
| <p class="description-detail">{{ member.contact.email }}</p> |
| </div> |
| </div> |
| <div class="col-6"> |
| <div class="d-flex align-items-center"> |
| <p class="description-detail">{{ member.type.name }}</p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="row ml-3" ng-if="task.matter.matter.members.length"> |
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4" ng-if="task.matter.matter.cases.length"> |
| <div class="col-12 mb-2"> |
| <i class="far fa-briefcase-arrow-right"></i> |
| <span class="ml-2 title">Related Cases</span> |
| </div> |
| </div> |
| <div class="row ml-5" ng-repeat="case in task.matter.matter.cases"> |
| <div class="col-6"> |
| <div class="d-flex flex-column"> |
| <strong>{{ case.case_number }}</strong> |
| </div> |
| </div> |
| <div class="col-6"> |
| <div class="d-flex align-items-center"> |
| <p class="description-detail">{{ case.relation.name }}</p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="row ml-3" ng-if="task.matter.matter.custom_field_answers.length"> |
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4" ng-if="task.matter.matter.custom_field_answers.length"> |
| <div class="col-12 mb-2"> |
| <i class="fas fa-plus-circle"></i> |
| <span class="ml-2 title">Custom Fields</span> |
| </div> |
| </div> |
| <div class="row ml-5"> |
| <div class="col-6" ng-repeat="custom_field in task.matter.matter.custom_field_answers | customFieldsFilled track by $index"> |
| <div class="d-flex flex-column"> |
| <strong>{{ custom_field.custom_field.value }}</strong> |
| <p class="description-detail">{{ custom_field.option? custom_field.option.value : custom_field.answer }}</p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class='row w-100' ng-if="customFieldsNotFilledFiltered.length > 0"> |
| <button |
| type="button" |
| class="btn btn-small btn-outline-primary complete-tasks mb-5" |
| onclick="$('#custom_field_unanswer_fields').toggle('show')" |
| > |
| Show/hide unanswered fields |
| </button> |
| </div> |
|
|
| <div class="row ml-5" id="custom_field_unanswer_fields" style="display: none;"> |
| <div class="col-6 mb-2" |
| ng-repeat="custom_field in task.matter.matter.custom_field_answers | customFieldsNotFilled as customFieldsNotFilledFiltered track by $index"> |
| <div class="d-flex flex-column"> |
| <strong>{{ custom_field.custom_field.value }}</strong> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| |
| <div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && task.contact"> |
| <div class="row ml-3"> |
| <div class="col-6"> |
| <i class="fa-regular fa-user"></i> |
| <span class="ml-2 title">Full Name</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.contact.contact.full_name}}</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="fa-regular fa-envelope"></i> |
| <span class="ml-2 title">Email</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.contact.contact.email ? task.contact.contact.email : '--' }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row mt-4 ml-3"> |
| <div class="col-6"> |
| <i class="fa-regular fa-phone"></i> |
| <span class="ml-2 title">Phone</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.contact.contact.phone ? task.contact.contact.phone : '--'}}</p> |
| </div> |
|
|
| <div class="col-6" ng-if="task.contact.contact.type2 === 'pf'"> |
| <i class="fa-regular fa-building"></i> |
| <span class="ml-2 title">Company</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.contact.contact.company ? task.contact.contact.company.full_name : '--' }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4" ng-if="task.contact.contact.addresses.length"> |
| <div class="col-12 mb-2"> |
| <i class="far fa-map-marked"></i> |
| <span class="ml-2 title">Addresses</span> |
| </div> |
| </div> |
|
|
| <div ng-repeat="address in task.contact.contact.addresses"> |
| <div class="row ml-5"> |
| <div class="col-12"> |
| <div class="d-flex flex-column addresses-title"> |
| <strong>{{ address.name }}</strong> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="row mt-2 address-view-item"> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>Street</strong> |
| <p class="description-detail">{{ address.street }}</p> |
| </div> |
| </div> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>City</strong> |
| <p class="description-detail">{{ address.city }}</p> |
| </div> |
| </div> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>State</strong> |
| <p class="description-detail">{{ address.state }}</p> |
| </div> |
| </div> |
| </div> |
| <div class="row mt-2 address-view-item"> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>Zipcode</strong> |
| <p class="description-detail">{{ address.zipcode }}</p> |
| </div> |
| </div> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>Country</strong> |
| <p class="description-detail">{{ address.country }}</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="row ml-3" ng-if="task.contact.contact.custom_field_answers.length"> |
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4" ng-if="task.contact.contact.custom_field_answers.length"> |
| <div class="col-12 mb-2"> |
| <i class="fas fa-plus-circle"></i> |
| <span class="ml-2 title">Custom Fields</span> |
| </div> |
| </div> |
| <div class="row ml-5"> |
| <div class="col-6" ng-repeat="custom_field in task.contact.contact.custom_field_answers | customFieldsFilled track by $index"> |
| <div class="d-flex flex-column"> |
| <strong>{{ custom_field.custom_field.value }}</strong> |
| <p class="description-detail">{{ custom_field.option? custom_field.option.value : custom_field.answer }}</p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class='row w-100' ng-if="customFieldsNotFilledFiltered.length > 0"> |
| <button |
| type="button" |
| class="btn btn-small btn-outline-primary complete-tasks mb-5" |
| onclick="$('#custom_field_unanswer_fields').toggle('show')" |
| > |
| Show/hide unanswered fields |
| </button> |
| </div> |
|
|
| <div class="row ml-5" id="custom_field_unanswer_fields" style="display: none;"> |
| <div class="col-6 mb-2" |
| ng-repeat="custom_field in task.contact.contact.custom_field_answers | customFieldsNotFilled as customFieldsNotFilledFiltered track by $index"> |
| <div class="d-flex flex-column"> |
| <strong>{{ custom_field.custom_field.value }}</strong> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| |
| <div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && !task.contact && !task.matter"> |
| <div class="row ml-3"> |
| <div class="col-12"> |
| <i class="fa-regular fa-note-sticky"></i> |
| <span class="ml-2 title">Note</span> |
| <p class="ml-4 pt-1 description-detail" ng-bind-html="task.card.note"></p> |
| </div> |
| </div> |
|
|
| <div class="row ml-3" ng-if="task.card.custom_field_answers.length"> |
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4" ng-if="task.card.custom_field_answers.length"> |
| <div class="col-12 mb-2"> |
| <i class="fas fa-plus-circle"></i> |
| <span class="ml-2 title">Custom Fields</span> |
| </div> |
| </div> |
| <div class="row ml-5"> |
| <div class="col-6" ng-repeat="custom_field in task.card.custom_field_answers | customFieldsFilled track by $index"> |
| <div class="d-flex flex-column"> |
| <strong>{{ custom_field.custom_field.value }}</strong> |
| <p class="description-detail">{{ custom_field.option? custom_field.option.value : custom_field.answer }}</p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class='row w-100' ng-if="customFieldsNotFilledFiltered.length > 0"> |
| <button |
| type="button" |
| class="btn btn-small btn-outline-primary complete-tasks mb-5" |
| onclick="$('#custom_field_unanswer_fields').toggle('show')" |
| > |
| Show/hide unanswered fields |
| </button> |
| </div> |
|
|
| <div class="row ml-5" id="custom_field_unanswer_fields" style="display: none;"> |
| <div class="col-6 mb-2" |
| ng-repeat="custom_field in task.card.custom_field_answers | customFieldsNotFilled as customFieldsNotFilledFiltered track by $index"> |
| <div class="d-flex flex-column"> |
| <strong>{{ custom_field.custom_field.value }}</strong> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| </div> |
|
|
| <view-task-checklists task="task" ng-if="task"></view-task-checklists> |
|
|
| <view-task-decision task="task" decisions="task.decisions" ng-if="task.decisions.length"></view-task-decision> |
|
|
| <div class="row ml-0 pb-0 view-card-details" id="worklogs"> |
| <div class="col-12 mt-4"> |
| <h3 style="font-size: 17px;"><i class="fa-solid fa-stopwatch"></i> Worklogs</h3> |
|
|
| <form |
| name="formLogTask" |
| ng-submit="createTaskLog(timesheet, formLogTask); dirtyAngularTrix = false" |
| id="formLogTask" |
| novalidate |
| ng-if="::!hasAnyRole('viewer')" |
| > |
| <p class="mb-1"><strong class="color-dark">Create a new worklog</strong></p> |
|
|
| <div class="form-row"> |
| <div class="col-12 trix-custom"> |
| <trix-editor |
| angular-trix |
| name="description" |
| ng-model="timesheet.description" |
| rows="50" |
| placeholder="What have you been working on?" |
| onClick="$('#worklog-form-inline').show('slow'), $('#trix-toolbar-trix-worklog').show('slow'), $('#trix-worklog').focus()" |
| ng-keyup="dirtyAngularTrix = true" |
| required |
| id="trix-worklog" |
| trix-id="trix-worklog" |
| ></trix-editor> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3 mt-3" id="worklog-form-inline" style="display:none;"> |
|
|
| <div class="col-4"> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="created_at" |
| ng-model="timesheet.created_at" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| <div class="col-4"> |
| <input |
| class="form-control" |
| placeholder="HH:MM" |
| name="time_logged_in_mins" |
| ng-model="timesheet.time_logged_in_mins" |
| time-format |
| /> |
| </div> |
| |
| <div class="col-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formLogTask.$invalid || loading || hasAnyRole('member') && task.assignee_id != AuthUser.id" |
| onClick="$('#worklog-form-inline').hide('slow'), $('#trix-toolbar-trix-worklog').hide('slow')" |
| ng-class="{ loading: loading }" |
| > |
| Send |
| </button> |
| </div> |
| <div class="col-1"> |
| <a |
| class="btn btn-outline-info btn-block mb-3 px-0" |
| onClick="$('#worklog-form-inline').hide('slow'), $('#trix-toolbar-trix-worklog').hide('slow')" |
| > |
| <i class="fad fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </form> |
|
|
|
|
| <div class="col-12 mt-4 mb-4" ng-show="task.timesheets.length == 0"> |
| <div class="text-center"> |
| <img src="https://app.legalboards.io/img/no-worklog.png" width="50%" /> |
| </div> |
| </div> |
|
|
| <blockquote |
| class="blockquote log-task pl-2 ml-0 item-new" |
| ng-repeat="timesheet in task.timesheets track by timesheet.id" |
| > |
| <p |
| ng-bind-html="timesheet.description | html" |
| ></p> |
| <footer class="blockquote-footer"> |
| <cite> |
| <div> |
| <div |
| class="user-avatar user-avatar-list raio-30" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ timesheet.user.first_name }} {{ |
| timesheet.user.last_name |
| }}" |
| style="background-image:url({{ timesheet.user.avatar }});" |
| > |
| <span ng-show="!timesheet.user.avatar" class="mr-1"> |
| {{ timesheet.user.initials }} |
| </span> |
| </div> |
| <span class="ml-2 mt-2"> |
| {{ timesheet.created_at | amDateFormat: "L" }} |
| </span> |
|
|
| <span |
| ng-show="
|
| timesheet.started_at && !timesheet.ended_at |
| " |
| class="ml-2" |
| > |
| <i class="fa fa-clock"></i> |
| Timesheet is running |
| </span> |
|
|
| <span |
| class="ml-2 mt-2" |
| ng-show="!!timesheet.time_logged_in_mins" |
| > |
| <strong> |
| Time Entry: |
| </strong> |
| {{ |
| timesheet.time_logged_in_mins |
| | minutesToTime |
| }} |
| </span> |
| <button |
| type="button" |
| class="float-right mt-2 btn btn-sm btn-outline-danger" |
| ng-click="confirmDeleteTaskLog($index, timesheet)" |
| ng-if="::!hasAnyRole('viewer')" |
| ng-disabled="hasAnyRole('member') && task.assignee_id != AuthUser.id" |
| ng-attr-title="{{ |
| hasAnyRole('member') && |
| task.assignee_id != AuthUser.id |
| ? $root.DISABLED_BUTTON_MESSAGE |
| : '' |
| }}" |
| > |
| <i class="fas fa-trash-alt"></i> |
| </button> |
| </div> |
| </cite> |
| </footer> |
| </blockquote> |
| <div class="col-12 mt-4 mb-4" ng-show="task.timesheets.length > 0"> |
| <span class="ml-2 mt-2"> |
| <strong> Total Time: </strong> {{ |
| task.timesheets | sumTimesheet | minutesToTime |
| }} |
| </span> |
| </div> |
| </div> |
| </div> |
| <div id="bottom"></div> |
| </div> |
| </div> |
| </div> |
| <script type="text/ng-template" id="removeTaskList.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete List</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this list?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskListCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeTask.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Task</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this task?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeTaskLogs.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Task Log</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this log?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskLogsCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="deleteBulkTasks.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3">Delete Tasks</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this task(s)?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="taskBulkDelete()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="unlinkPublication.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3">Unlink Publication</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to unlink this publication from the task?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmUnlinkPublicationCallback()">Yes, Unlink</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('Clio')"> |
| |
|
|
| <div id="form-activity-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeClioActiviyForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3 ng-show="!activity.id">New Activity</h3> |
| <h3 ng-show="activity.id"> |
| Edit Activity |
| </h3> |
| <form |
| name="formClioActivity" |
| ng-submit="saveClioActivity(activity, formClioActivity)" |
| > |
| <div class="form-row mb-3" ng-show="!activity.id"> |
| <div class="col-12"> |
| <label>Type</label> |
|
|
| <select |
| class="select-dropdown" |
| name="type" |
| ng-model="activity.type" |
| required |
| > |
| <option value="">Select</option> |
| <option value="ExpenseEntry"> |
| ExpenseEntry |
| </option> |
| <option value="TimeEntry">TimeEntry</option> |
| </select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioActivity.type.$dirty && |
| formClioActivity.type.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Date</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="date" |
| ng-model="activity.date" |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioActivity.date.$dirty && |
| formClioActivity.date.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div |
| class="form-row mb-3" |
| ng-show="activity.type === 'ExpenseEntry'" |
| > |
| <div class="col-12"> |
| <label>Amount</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Amount" |
| name="price" |
| ng-model="activity.price" |
| ng-required="activity.type === 'ExpenseEntry'" |
| ui-money-mask |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioActivity.price.$dirty && |
| formClioActivity.price.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3" ng-show="activity.type === 'TimeEntry'"> |
| <div class="col-12 mb-3"> |
| <label>Quantity</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Quantity" |
| name="quantity" |
| ng-model="activity.quantity" |
| ng-required="activity.type === 'TimeEntry'" |
| time-format |
| /> |
| </div> |
|
|
| <div class="col-12" ng-if="!activity.id"> |
| <label><strong>Activity Description:</strong></label> |
| <select |
| class="form-control" |
| ng-model="activity.clio_activity_description_id" |
| ng-options="item.id as item.name group by item.category_type for item in clio_activity_descriptions track by item.id"> |
| <option value="">None</option> |
| </select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioActivity.quantity.$dirty && |
| formClioActivity.quantity.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Note</label> |
| <textarea |
| class="form-control" |
| ng-model="activity.note" |
| placeholder="Note" |
| required |
| ></textarea> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioActivity.note.$dirty && |
| formClioActivity.note.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>User</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="activity.user" |
| theme="select2" |
| close-on-selet="false" |
| name="user" |
| autofocus-ui-select |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="User" |
| > |
| {{ activity.user.name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="searchClioUsers($select)" |
| refresh-delay="1000" |
| repeat="user in search_clio_users track by $index" |
| > |
| {{ user.name }} |
| <small>({{ user.email }})</small> |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioActivity.user.$dirty && |
| formClioActivity.user.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formClioActivity.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeClioActiviyForm(formClioActivity)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| |
|
|
| <div id="form-task-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button class="close-btn btn close-form-but" ng-click="closeClioTaskForm()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3 ng-show="!task_form.id">New Task</h3> |
| <h3 ng-show="task_form.id">Edit Task</h3> |
|
|
| <form name="formCliotask_form" ng-submit="saveClioTask(task_form, formCliotask_form)"> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Assignee Type</label> |
| <div class="form-row"> |
| <div class="col-12"> |
| <label |
| class="radio-container" |
| for="task-model-assignee-type-user" |
| ng-click="task_form.assignee_type = 'User'" |
| > |
| User |
| <input |
| name="task_form_assignee_type" |
| class="form-check-input" |
| ng-model="task_form.assignee_type" |
| type="radio" |
| id="task-model-assignee-type-user" |
| value="User" |
| required |
| > |
| <span class="checkmark"></span> |
| </label> |
| </div> |
| <div class="col-12"> |
| <label |
| class="radio-container" |
| for="task-model-assignee-type-squad" |
| ng-click="task_form.assignee_type = 'squad'" |
| > |
| Squad |
| <input |
| name="task_form_assignee_type" |
| class="form-check-input" |
| ng-model="task_form.assignee_type" |
| type="radio" |
| id="task-model-assignee-type-squad" |
| value="squad" |
| required |
| /> |
| <span class="checkmark"></span> |
|
|
| </label> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3" ng-if="task_form.assignee_type == 'User'"> |
| <div class="col-12"> |
| <label>Assignee</label> |
| <div class="form-row"> |
| <ui-select autofocus-ui-select ng-model="task_form.assignee" theme="select2" close-on-selet="false" name="assignee" required> |
| <ui-select-match allow-clear placeholder="Users / Contacts"> |
| {{ |
| task_form.assignee.first_name |
| }} |
| {{ task_form.assignee.last_name }} |
| </ui-select-match> |
| <ui-select-choices refresh="clioSearchContactsAndUsers($select, {email_only: true}, automation_assignees)" refresh-delay="1000" repeat="assignee in clio_search_contacts_and_users | filter:{optionType: '!squad'} track by $index" group-by="'optionType'"> |
| {{ assignee.first_name }} {{ |
| assignee.last_name |
| }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formCliotask_form.assignee.$dirty && |
| formCliotask_form.assignee.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3" ng-if="task_form.assignee_type == 'squad'"> |
| <div class="col-11"> |
| <label>Select a Squad</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="task_form.squad" |
| theme="select2" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Squad" |
| > |
| {{ task_form.squad.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="task_squad in task_squads | filter:$select.search track by $index" |
| > |
| {{ task_squad.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| <div class="col-1 mt-3"> |
| <button |
| type="button" |
| class="btn btn-outline-secondary px-2" |
| ng-click="openTaskSquadConfig()" |
| style="margin-top: 45%;" |
| > |
| <i class="fas fa-cog"></i> |
| </button> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Title</label> |
| <input type="text" class="form-control" placeholder="Title" name="name" ng-model="task_form.name" required /> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formCliotask_form.name.$dirty && |
| formCliotask_form.name.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Description</label> |
|
|
| <textarea ng-model="task_form.description" class="form-control py-2" name="description"></textarea> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Due on</label> |
| <div class="datepicker-container"> |
| <input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker" autocomplete="off" name="due_at" ng-model="task_form.due_at" required /> |
| <span class="datepicker-icon"><i class="fas fa-caret-down"></i></span> |
| </div> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formCliotask_form.due_at.$dirty && |
| formCliotask_form.due_at.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3" ng-show="!task_form.id"> |
| <div class="col-12"> |
| <label class="check-container" for="notify_assignee">Notify assignee when task is assigned |
| <input type="checkbox" class="form-check-input" placeholder="Notify assignee when task is assigned" name="notify_assignee" id="notify_assignee" ng-model="task_form.notify_assignee" ng-value="1" ng-checked="task_form.notify_assignee == 1 || task_form.notify_assignee" ng-click="task_form.notify_assignee = task_form.notify_assignee == 1 ? 0 : 1" /> |
| <span class="checkmark"></span> |
| </label> |
| <small></small> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3" ng-show="!task_form.id"> |
| <div class="col-12"> |
| <label class="check-container" for="notify_completion">Notify me when task is completed |
| <input type="checkbox" class="form-check-input" placeholder="Notify me when task is completed" name="notify_completion" id="notify_completion" ng-model="task_form.notify_completion" ng-value="1" ng-checked="task_form.notify_completion == 1 || task_form.notify_completion" ng-click="task_form.notify_completion = task_form.notify_completion == 1 ? 0 : 1" /> |
| <span class="checkmark"></span> |
| </label> |
| <small></small> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label> |
| Priority |
| </label> |
| <select class="form-control" name="clio_task_priority" ng-model="task_form.priority" ng-options="key as value for (key , value) in clio_task_priorities" required> |
| </select> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formCliotask_form.clio_task_priority.$dirty && |
| formCliotask_form.clio_task_priority.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Status</label> |
| <ui-select autofocus-ui-select ng-model="task_form.status" theme="select2" close-on-selet="false" name="type" search-enabled="false" required> |
| <ui-select-match allow-clear placeholder="Status"> |
| {{ task_form.status.name }} |
| </ui-select-match> |
| <ui-select-choices repeat="status in clio_task_statuses"> |
| {{ status.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span class="error" ng-show="
|
| formCliotask_form.status.$dirty && |
| formCliotask_form.status.$error.required |
| ">This field is required. |
| </span> |
|
|
| <div class="form-row mb-0"> |
| <div class="col-12"> |
| <label>Checklists</label> |
| <div id="checklistAccordion" class="accordion checklist-accordion w-100 mt-0"> |
| <div class="card border-0 mb-3" style="border: none !important;"> |
| <div id="checklist"> |
| <div class="card border-0 mb-3"> |
| <div> |
| <div class="card-body p-0 pt-3 pb-1"> |
|
|
| <div |
| class="col-12 complete px-0 mb-1" |
| ng-repeat="item in task_form.check_lists" |
| > |
| <div class="d-flex"> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-keydown="
|
| $event.keyCode === 13 && saveTaskCheckList(task_form, item, $event); |
| " |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button |
| class="btn p-0 btn-disable-danger" |
| type="button" |
| ng-click="deleteTaskCheckList(task_form, item)" |
| > |
| <i class="fa fa-trash text-sm mr-3"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| <div class="form-group position-relative px-3 mt-2"> |
| <input |
| class="form-control form-control-lg new-item pr-5" |
| autocomplete="off" |
| type="text" |
| name="name" |
| ng-model="newItem.name" |
| placeholder="Create a new item here..." |
| ng-keydown="$event.keyCode === 13 && saveTaskCheckList(task_form, newItem, $event);" |
|
|
| /> |
| <button |
| class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:30px;top:10px" |
| type="button" |
| ng-click="saveTaskCheckList(task_form, newItem)" |
| > |
| <i class="far fa-check"></i> |
| </button> |
| </div> |
|
|
| </div> |
|
|
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <div id="accordion" class="accordion checklist-accordion w-100 mt-0"> |
| <label>Decisions</label> |
| <div id="decision"> |
| <div class="card border-0 mb-3" style="border: none !important;"> |
| <div> |
| <div class="card-body p-0 pt-1 pb-1"> |
|
|
| <div |
| class="col-12 complete px-0 mb-1" |
| ng-repeat="item in task_form.decisions" |
| > |
| <div class="d-flex"> |
| <div class="flex-fill px-2"> |
| <input |
| class="form-control py-0 px-2 bg-white" |
| type="text" |
| ng-model="item.name" |
| placeholder="Create a new item here..." |
| ng-keydown="
|
| $event.keyCode === 13 && saveTaskDecision(task_form, item, $event); |
| " |
| /> |
| </div> |
| <div class="align-self-center"> |
| <button |
| class="btn p-0 btn-disable-danger" |
| type="button" |
| ng-click="deleteTaskDecision(task_form, item)" |
| > |
| <i class="fa fa-trash text-sm mr-3"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| <div class="form-group position-relative px-3 mt-2"> |
| <input |
| class="form-control form-control-lg new-item pr-5" |
| autocomplete="off" |
| type="text" |
| name="name" |
| ng-model="newDecisionItem.name" |
| placeholder="Create a new decision option here..." |
| ng-keydown="$event.keyCode === 13 && saveTaskDecision(task_form, newDecisionItem, $event);" |
|
|
| /> |
| <button |
| class="btn btn-primary position-absolute p-0" |
| style="width: 34px;height: 34px;border-radius:50px!important;right:25px;top:10px" |
| type="button" |
| ng-click="saveTaskDecision(task_form, newDecisionItem)" |
| > |
| <i class="far fa-check"></i> |
| </button> |
| </div> |
|
|
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| <div class="form-btn-container mt-3"> |
| <button type="submit" class="btn btn-primary btn-block mb-3" ng-disabled="formCliotask_form.$invalid || loading" ng-class="{ loading: loading }"> |
| Save |
| </button> |
| <button class="btn btn-outline-secondary btn-block close-form-tab" ng-click="closeClioTaskForm(formClioTask)" type="button"> |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| |
|
|
| <div id="form-note-modal" class="slide-in-contaniner slide-in-form remove"> |
| <button class="close-btn btn close-form-but" ng-click="closeClioNoteForm()"> |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3 ng-show="!note.id">New Note</h3> |
| <h3 ng-show="note.id">Edit Note</h3> |
|
|
| <form name="formClioNote" ng-submit="saveClioNote(note, formClioNote)"> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Date</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="date" |
| ng-model="note.date" |
| required |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioNote.date.$dirty && |
| formClioNote.date.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Subject</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Subject" |
| name="subject" |
| ng-model="note.subject" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioNote.subject.$dirty && |
| formClioNote.subject.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Detail</label> |
|
|
| <textarea |
| ng-model="note.detail" |
| name="detail" |
| class="form-control" |
| required |
| placeholder="Detail" |
| ></textarea> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioNote.detail.$dirty && |
| formClioNote.detail.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formClioNote.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeClioNoteForm(formClioNote)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| |
|
|
| <div id="form-clio-automation" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| ng-click="closeClioAutomationForm()" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3 ng-show="!automation.id">New Automation</h3> |
| <h3 ng-show="automation.id"> |
| Edit Automation |
| </h3> |
| <form |
| name="formClioAutomation" |
| ng-submit="saveClioAutomation(automation, formClioAutomation)" |
| > |
| <p class="color-purple font-weight-bold mb-0"> |
| When a new matter is created on Clio |
| </p> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Client</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="automation.clients" |
| theme="select2" |
| name="clients" |
| class="multipleFind" |
| multiple |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="All the options" |
| > |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| refresh="clioSearchContacts($select, {})" |
| refresh-delay="500" |
| repeat="clio_contact in clio_search_contacts track by clio_contact.id" |
| > |
| {{ clio_contact.name }} |
| </ui-select-choices> |
| </ui-select> |
| <small |
| class="form-text text-muted" |
| ng-show="automation.clients.length > 0" |
| >You can select more than one option</small |
| > |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Practice area</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="automation.areas" |
| theme="select2" |
| name="areas" |
| class="multipleFind" |
| multiple |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="All the options" |
| > |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="area in clio_areas | filter:$select.search track by area.id" |
| > |
| {{ area.name }} |
| </ui-select-choices> |
| </ui-select> |
| <small |
| class="form-text text-muted" |
| ng-show="automation.areas.length > 0" |
| >You can select more than one option</small |
| > |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Originating Attorney</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="automation.originating_attorneys" |
| theme="select2" |
| name="originating_attorneys" |
| class="multipleFind" |
| multiple |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="All the options" |
| > |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="area in clio_users | filter:$select.search track by $index" |
| > |
| {{ area.name }} |
| </ui-select-choices> |
| </ui-select> |
| <small |
| class="form-text text-muted" |
| ng-show="automation.originating_attorneys.length > 0" |
| >You can select more than one option</small |
| > |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Responsible Attorney</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="automation.responsible_attorneys" |
| theme="select2" |
| name="responsible_attorneys" |
| class="multipleFind" |
| multiple |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="All the options" |
| > |
| {{ $item.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="area in clio_users | filter:$select.search track by $index" |
| > |
| {{ area.name }} |
| </ui-select-choices> |
| </ui-select> |
| <small |
| class="form-text text-muted" |
| ng-show="automation.responsible_attorneys.length > 0" |
| >You can select more than one option</small |
| > |
| </div> |
| </div> |
|
|
| <div |
| class="form-row mb-3" |
| ng-repeat="custom_field in automation.used_custom_fields track by custom_field.custom_field.id" |
| > |
| <div class="col-11"> |
| <label>{{ custom_field.custom_field.name }}</label> |
| <ng-if |
| ng-if="
|
| custom_field.custom_field.field_type === 'picklist' |
| " |
| > |
| <select |
| class="form-control" |
| ng-model="custom_field.value" |
| > |
| <option value="">All</option> |
| <option |
| value="{{ option.id }}" |
| ng-repeat="option in custom_field.custom_field.picklist_options" |
| >{{ option.option }}</option |
| > |
| </select> |
| </ng-if> |
| <ng-if |
| ng-if="
|
| custom_field.custom_field.field_type !== 'picklist' |
| " |
| > |
| <input |
| type="text" |
| class="form-control" |
| placeholder="All" |
| ng-model="custom_field.value" |
| /> |
| </ng-if> |
| </div> |
| <div class="col-1 text-right ml-aut align-self-center"> |
| <button |
| href="" |
| ng-click="automation.custom_fields.push(custom_field.custom_field); automation.used_custom_fields.splice($index, 1)" |
| class="btn btn-outline-danger p-2 m-0 mt-4" |
| type="button" |
| > |
| <i class="fas fa-trash"></i> |
| </button> |
| </div> |
| </div> |
|
|
| <div class="form-row mb-3" ng-show="automation.custom_fields"> |
| <div class="col-12"> |
| <label>Filter by Custom Field</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="customFieldClioSelect" |
| theme="select2" |
| name="customFieldClioSelect" |
| on-select="
|
| handleSelectClioCustomField( |
| customFieldClioSelect, |
| automation |
| ) |
| " |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="Custom Field" |
| > |
| {{ customFieldClioSelect.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="custom_field in automation.custom_fields | filter:$select.search track by $index" |
| > |
| {{ custom_field.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <p class="color-purple font-weight-bold">Add to...</p> |
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Column</label> |
| <ui-select |
| autofocus-ui-select |
| ng-model="automation.automation.list" |
| theme="select2" |
| name="list" |
| required |
| > |
| <ui-select-match |
| allow-clear |
| placeholder="List" |
| > |
| {{ automation.automation.list.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="list in lists | filter:{board_id:automation.automation.board.id,name:$select.search} track by $index" |
| > |
| {{ list.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| formClioAutomation.list.$dirty && |
| formClioAutomation.list.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="formClioAutomation.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| type="button" |
| ng-click="closeClioAutomationForm(formClioAutomation)" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <script type="text/ng-template" id="clioDeleteActivity.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3">Delete Activity</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this activity?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmClioDeleteActivityCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="clioDeleteTask.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3">Delete Task</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this task?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmClioDeleteTaskCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="clioDeleteNote.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3">Delete Note</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this note?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmClioDeleteNoteCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="clioDeleteBulkTasks.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3">Delete Tasks</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this task(s)?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="clioTaskBulkDelete()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="clioCommunicationShow.tpl.html"> |
| <div class="modal-body px-4 text-center" > |
| <h2 class="mb-3">{{ clioCommunication.subject }}</h2> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p ng-bind-html="clioCommunication.body | htmlToPlaintext | html"></p> |
| </div> |
| <div class="col-12"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Close</button></div> |
| </div> |
| </div> |
| </script> |
| |
| <div |
| id="board-view-clio-task-modal" |
| class="slide-in-contaniner remove" |
| style="width: 45.5%;" |
| > |
| <button type="button" class="close-btn btn" ng-click="closeViewClioTask()"> |
| <i class="fas fa-times"></i> |
| </button> |
| <div class="slide-in-content p-0"> |
| |
|
|
| <div class="p-4"> |
| <div class="row ml-0 pb-3 border-bottom"> |
| <div class="col-12 mb-4 matter-dropdrow"> |
| <h3 class="mb-0 float-left pl-3 py-2 priority-border-{{ task.priority }}" title=" {{ task.priority }}" title-direction="left" style="border-left: 3px solid transparent;">{{ task.name }}</h3> |
| <ui-select |
| allowClear="false" |
| search-enabled="false" |
| autofocus-ui-select |
| ng-model="task.status" |
| theme="select2" |
| close-on-selet="true" |
| name="status" |
| class="float-right col-3" |
| ng-change="updateClioTaskStatus(task)" |
| ng-disabled="::hasAnyRole('viewer')"> |
| Status: |
| <ui-select-match placeholder="Status1"> |
| {{ task.status.name }} |
| </ui-select-match> |
| <ui-select-choices repeat="status in clio_task_statuses | filter: $select.search"> |
| {{ status.name }} |
| </ui-select-choices> |
| </ui-select> |
| <h4 class="float-right m-3">Status:</h4> |
| </div> |
|
|
| <div class="col-4" ng-if="task.assignee_type !== 'squad'"> |
| <div class="user-avatar user-avatar-list raio-40 mr-2" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ task.assignee.first_name }} {{ |
| task.assignee.last_name |
| }}" style="background-image:url({{ task.assignee.avatar.url }});"> |
| <span ng-show="!task.assignee.avatar"> |
| {{ task.assignee.first_name[0] }}{{ |
| task.assignee.last_name[0] |
| }} |
| </span> |
| </div> |
| <strong>Assignee:</strong><br /> |
| {{ task.assignee.first_name }} {{ task.assignee.last_name }} |
| </div> |
| <div class="col-4" ng-if="task.assignee_type !== 'squad'"> |
| <div class="user-avatar user-avatar-list raio-40 mr-2" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ task.assigner.first_name }} {{ |
| task.assigner.last_name |
| }}" style="background-image:url({{ task.assigner.avatar.url }});"> |
| <span ng-show="!task.assigner.avatar"> |
| {{ task.assigner.first_name[0] }}{{ |
| task.assigner.last_name[0] |
| }} |
| </span> |
| </div> |
| <strong>Reporter:</strong><br /> |
| {{ task.assigner.first_name }} {{ task.assigner.last_name }} |
| </div> |
|
|
| <div class="col-4" ng-if="task.assignee_type == 'squad'"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-style="{ 'background-color': task.squad.color }" |
| title="{{ task.squad.name }}" |
| > |
| <span> |
| {{ task.squad.name[0] }} |
| </span> |
| </div> |
| <strong>Assigned to a Squad:</strong><br /> |
| {{ task.squad.name }} |
| <small uib-tooltip="{{ task.squad.members_names }}"> |
| <i class="far fa-eye"></i> |
| </small> |
| </div> |
|
|
| <div class="col-4" ng-if="task.assignee_type == 'squad'"> |
| <div |
| class="user-avatar user-avatar-list raio-40 mr-2" |
| ng-class="::$root.getRandomAvatarBackground($index)" |
| title="{{ task.reporter.first_name }} {{ |
| task.reporter.last_name |
| }}" |
| style="background-image:url({{ task.reporter.avatar }});" |
| > |
| <span ng-show="!task.reporter.avatar" |
| >{{ task.reporter.initials }}</span |
| > |
| </div> |
| <strong>Reporter:</strong><br /> |
| {{ task.reporter.first_name }} {{ task.reporter.last_name }} |
| </div> |
|
|
| <div class="col-4"> |
| <i class="fal fa-calendar-alt"></i> |
| <strong>Date:</strong><br /> |
| <span ng-class="{ |
| 'late-date': $root.now.isAfter( |
| task.due_at |
| ) && !task.status.is_done |
| }"> |
| {{ task.due_at | amDateFormat: "L" }} |
| <small class="late" ng-if="now.isAfter(task.due_at) && !task.status.is_done"><i class="fad fa-engine-warning"></i></small> |
| </div> |
|
|
| <div class="col-12 mt-4"> |
| <div class="d-flex justify-content-start view-card-internal-tab task-tabs"> |
| <span class="title-view-card mr-4 pb-2" |
| ng-click="viewCardTabInternal = 'description'" |
| ng-class="{'tab-active': viewCardTabInternal == 'description'}" |
| > |
| <i class="fas fa-align-left mr-1"></i> Description |
| </span> |
| <span class="title-view-card ml-4 pb-2 px-2" |
| ng-click="viewCardTabInternal = 'details'" |
| ng-class="{'tab-active': viewCardTabInternal == 'details'}" |
| > |
| <i class="fas fa-info-circle mr-1"></i> |
| <span ng-if="task.matter">Matter Details</span> |
| <span ng-if="task.contact">Contact Details</span> |
| <span ng-if="!task.matter && !task.contact">Card Details</span> |
| </span> |
| </div> |
| </div> |
|
|
| |
| <div ng-if="viewCardTabInternal === 'description'" > |
| <div class="col-12 mt-3"> |
| <div class="description-container"> |
| <h4 class="title"> |
| <i class="fas fa-text"></i> <span>Description</span> |
| </h4> |
| <div class="message-container"> |
| <span class="message task-description" ng-bind-html="task.description"></span> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="col-12 mt-3 task-action-buttons"> |
| <strong ng-if="::!hasAnyRole('viewer')"> |
| <button |
| type="button" |
| ng-click="openClioTaskForm(task)" |
| class="float-left mt-2 btn-outline-primary btn-sm btn-border btn" |
| ng-disabled="hasAnyRole('member') && task.reporter_id != AuthUser.id" |
| ng-attr-title="{{ |
| hasAnyRole('member') && task.reporter_id != AuthUser.id |
| ? $root.DISABLED_BUTTON_MESSAGE |
| : '' |
| }}" |
| > |
| <i class="fa fa-pencil"></i> |
| </button> |
| </strong> |
|
|
| <strong |
| class="float-left ml-2" |
| > |
| <button |
| class="float-left mt-2 btn-outline-primary btn-sm btn-border btn" |
| title="Start timer" |
| title-direction="left" |
| ng-show="!$root.timerRunning" |
| ng-click="saveTimer({clio_task: task})" |
| type="button" |
| > |
| <i class="fa-solid fa-alarm-clock"></i> |
| </button> |
| </strong> |
|
|
| <strong |
| class="float-left ml-2 mt-2" |
| ng-if="::!hasAnyRole('viewer')" |
| > |
| <button |
| type="button" |
| ng-disabled="hasAnyRole('member') && task.reporter_id != AuthUser.id" |
| ng-click="confirmClioDeleteTask(task)" |
| class="btn-sm btn-outline-danger btn" |
| ng-attr-title="{{ |
| hasAnyRole('member') && task.reporter_id != AuthUser.id |
| ? $root.DISABLED_BUTTON_MESSAGE |
| : '' |
| }}" |
| > |
| <i class="fa fa-trash"></i> |
| </button> |
| </strong> |
| </div> |
| </div> |
|
|
| |
| <div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && task.matter"> |
| <div class="row ml-3"> |
| <div class="col-6"> |
| <i class="fa-regular fa-calendar"></i> |
| <span class="ml-2 title">Open date</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.matter.clio_open_date | amDateFormat: "L" }}</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="fa-regular fa-calendar"></i> |
| <span class="ml-2 title">Pending Date</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.pending_date ? (sourceMatter.pending_date | amDateFormat: "L") : '--' }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
| <div class="col-6"> |
| <i class="far fa-calendar-exclamation"></i> |
| <span class="ml-2 title">Limitations date</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.statute_of_limitations.due_at ? (task.sourceMatter.statute_of_limitations.due_at | amDateFormat: "L") : '--' }}</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="far fa-calendar-times"></i> |
| <span class="ml-2 title">Close date</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.close_date ? (task.sourceMatter.close_date | amDateFormat: "L") : '--' }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
|
|
| <div class="col-6"> |
| <i class="fa-regular fa-suitcase"></i> |
| <span class="ml-2 title">Number</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.matter.clio_display_number }}</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="fa-solid fa-tag"></i> |
| <span class="ml-2 title">Area</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.matter.clio_practice_area_name }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
| <div class="col-12"> |
| <i class="fas fa-align-left"></i> |
| <span class="ml-2 title">Description</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.description ? task.sourceMatter.description : '--' }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
| <div class="col-6"> |
| <i class="far fa-user"></i> |
| <span class="ml-2 title">Client</span> |
| <p class="ml-4 pt-1 description-detail" ng-if="task.sourceMatter.client"> |
| {{ task.sourceMatter.client.name }} <span ng-if="task.sourceMatter.client.email">({{ task.sourceMatter.client.email }})</span> |
| </p> |
| <p class="ml-4 pt-1 description-detail" ng-if="!task.sourceMatter.client">--</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="far fa-phone"></i> |
| <span class="ml-2 title">Phone</span> |
| <p class="ml-4 pt-1 description-detail" ng-if="task.sourceMatter.client"> |
| {{ task.sourceMatter.client.primary_phone_number? task.sourceMatter.client.primary_phone_number : '--' }} |
| </p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
| <div class="col-6"> |
| <i class="far fa-user"></i> |
| <span class="ml-2 title">Responsible Attorney</span> |
| <p class="ml-4 pt-1 description-detail" ng-if="task.sourceMatter.responsible_attorney"> |
| {{ task.sourceMatter.responsible_attorney.name }} ({{ task.sourceMatter.responsible_attorney.email }}) |
| </p> |
| <p class="ml-4 pt-1 description-detail" ng-if="!task.sourceMatter.responsible_attorney">--</p> |
| </div> |
| <div class="col-6"> |
| <i class="far fa-user-tag"></i> |
| <span class="ml-2 title">Originating Attorney</span> |
| <p class="ml-4 pt-1 description-detail" ng-if="task.sourceMatter.originating_attorney"> |
| {{ task.sourceMatter.originating_attorney.name }} ({{ task.sourceMatter.originating_attorney.email }}) |
| </p> |
| <p class="ml-4 pt-1 description-detail" ng-if="!task.sourceMatter.originating_attorney">--</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
| <div class="col-6"> |
| <i class="fal fa-user-alt"></i> |
| <span class="ml-2 title">Client reference number</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.client_reference ? task.sourceMatter.client_reference : '--' }}</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="far fa-map-marker"></i> |
| <span class="ml-2 title">Location</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.location ? task.sourceMatter.location : '--' }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4"> |
| <div class="col-6"> |
| <i class="far fa-file-invoice-dollar"></i> |
| <span class="ml-2 title">Billable</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.sourceMatter.billable ? 'Yes' : 'No' }}, {{ |
| task.sourceMatter.billing_method |
| }}</p> |
| </div> |
|
|
| <div class="separator" ng-if="task.sourceMatter.custom_field_values.length"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4" ng-if="task.sourceMatter.custom_field_values.length"> |
| <div class="col-12 mb-2"> |
| <i class="fas fa-plus-circle"></i> |
| <span class="ml-2 title">Custom Fields</span> |
| </div> |
| </div> |
| <div class="row ml-5"> |
| <div class="col-6" ng-repeat="custom_field in task.sourceMatter.custom_field_values | clioCustomFieldsFilled"> |
| <div class="d-flex flex-column"> |
| <strong>{{ custom_field.field_name }}</strong> |
| <p ng-if="custom_field.picklist_option" class="description-detail">+ {{ custom_field.picklist_option.option }}</p> |
| <p ng-if="custom_field.contact" class="description-detail">+ {{ custom_field.contact.name }}</p> |
| <p ng-if="['contact', 'matter', 'picklist'].indexOf(custom_field.field_type) == -1" class="description-detail">+ {{ custom_field.value }}</p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class='row w-100' ng-if="clioCustomFieldsNotFilledFiltered.length > 0"> |
| <button |
| type="button" |
| class="btn btn-small btn-outline-primary complete-tasks mb-5" |
| onclick="$('#clio_custom_field_unanswer_fields').toggle('show')" |
| > |
| Show/hide unanswered fields |
| </button> |
| </div> |
|
|
| <div class="row ml-5" id="clio_custom_field_unanswer_fields" style="display: none;"> |
| <div class="col-6" |
| ng-repeat="custom_field in task.sourceMatter.custom_field_values | clioCustomFieldsNotFilled as clioCustomFieldsNotFilledFiltered"> |
| <div class="d-flex flex-column"> |
| <strong>{{ custom_field.field_name }}</strong> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| |
| <div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && task.contact"> |
| <div class="row ml-3"> |
| <div class="col-6"> |
| <i class="fa-regular fa-user"></i> |
| <span class="ml-2 title">Full Name</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.contact.contact.full_name}}</p> |
| </div> |
|
|
| <div class="col-6"> |
| <i class="fa-regular fa-envelope"></i> |
| <span class="ml-2 title">Email</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.contact.contact.email ? task.contact.contact.email : '--' }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row mt-4 ml-3"> |
| <div class="col-6"> |
| <i class="fa-regular fa-phone"></i> |
| <span class="ml-2 title">Phone</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.contact.contact.phone ? task.contact.contact.phone : '--'}}</p> |
| </div> |
|
|
| <div class="col-6" ng-if="task.contact.contact.type2 === 'pf'"> |
| <i class="fa-regular fa-building"></i> |
| <span class="ml-2 title">Company</span> |
| <p class="ml-4 pt-1 description-detail">{{ task.contact.contact.company ? task.contact.contact.company.full_name : '--' }}</p> |
| </div> |
|
|
| <div class="separator"></div> |
| </div> |
|
|
| <div class="row ml-3 mt-4" ng-if="task.contact.contact.addresses.length"> |
| <div class="col-12 mb-2"> |
| <i class="far fa-map-marked"></i> |
| <span class="ml-2 title">Addresses</span> |
| </div> |
| </div> |
|
|
| <div ng-repeat="address in task.contact.contact.addresses"> |
| <div class="row ml-5"> |
| <div class="col-12"> |
| <div class="d-flex flex-column addresses-title"> |
| <strong>{{ address.name }}</strong> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="row mt-2 address-view-item"> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>Street</strong> |
| <p class="description-detail">{{ address.street }}</p> |
| </div> |
| </div> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>City</strong> |
| <p class="description-detail">{{ address.city }}</p> |
| </div> |
| </div> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>State</strong> |
| <p class="description-detail">{{ address.state }}</p> |
| </div> |
| </div> |
| </div> |
| <div class="row mt-2 address-view-item"> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>Zipcode</strong> |
| <p class="description-detail">{{ address.zipcode }}</p> |
| </div> |
| </div> |
| <div class="col-4"> |
| <div class="d-flex flex-column"> |
| <strong>Country</strong> |
| <p class="description-detail">{{ address.country }}</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="w-100 mt-4 task-more-details-container" ng-if="viewCardTabInternal === 'details' && !task.contact && !task.matter"> |
| <div class="row ml-3"> |
| <div class="col-12"> |
| <i class="fa-regular fa-note-sticky"></i> |
| <span class="ml-2 title">Note</span> |
| <p class="ml-4 pt-1 description-detail" ng-bind-html="task.card.note"></p> |
| </div> |
| </div> |
| </div> |
|
|
| </div> |
|
|
| <view-task-checklists task="task" ng-if="task"></view-task-checklists> |
| <view-task-decision task="task" decisions="task.decisions" ng-if="task"></view-task-decision> |
|
|
| <div class="row ml-0 pb-0 view-card-details" id="worklogs"> |
| <div class="col-12 mt-4"> |
| <h3 style="font-size: 17px;">Worklogs</h3> |
|
|
| <form name="formLogTask" ng-submit="createClioTaskLog(timesheet, formLogTask)" id="formLogTask" novalidate ng-if="::!hasAnyRole('viewer')"> |
| <p class="mb-1"><strong class="color-dark">Create a new worklog</strong></p> |
| <div class="col-12 px-0 trix-custom"> |
| <trix-editor angular-trix name="description" ng-model="timesheet.description" ng-focus="!formLogTask.generate_clio_timesheet.$touched ? timesheet.generate_clio_timesheet = 1 : null;" rows="50" placeholder="What have you been working on?" onClick="$('#worklog-clio-form-inline').show('slow'), $('#trix-toolbar-7').show('slow')" ng-keyup="dirtyAngularTrix = true" required trix-id="7"></trix-editor> |
| </div> |
|
|
| <div class="form-row mb-3 mt-3" id="worklog-clio-form-inline" style="display:none;"> |
| <div class="col-2 pr-0"> |
| <label> |
| <strong>Date:</strong> |
| </label> |
| <div class="datepicker-container"> |
| <input type="text" placeholder="mm/dd/yyyy" class="form-control datepicker px-2" autocomplete="off" name="created_at" ng-model="timesheet.created_at" /> |
| </div> |
| </div> |
|
|
| <div class="col-3 pl-3"> |
| <label> |
| <strong>Timesheet Entry:</strong> |
| </label> |
| <input class="form-control" placeholder="HH:MM" name="time_logged_in_mins" ng-model="timesheet.time_logged_in_mins" time-format /> |
| </div> |
|
|
| <div class="col-4 pt-4"> |
| <div class="d-flex align-items-start pt-2"> |
| <input id="log-clio-input" type="checkbox" ng-true-value="1" ng-false-value="0" class="mt-1" name="generate_clio_timesheet" ng-model="timesheet.generate_clio_timesheet"/> |
| <label for="log-clio-input" class="pl-2"> |
| Log this time entry on your Clio Account. |
| </label> |
| </div> |
| </div> |
|
|
| <div class="col-3"> |
| <label><strong>Activity Description:</strong></label> |
| <select |
| class="form-control" |
| ng-model="timesheet.clio_activity_description_id" |
| ng-options="item.id as item.name group by item.category_type for item in clio_activity_descriptions track by item.id"> |
| <option value="">None</option> |
| </select> |
| </div> |
|
|
| <div class="col-2 pt-4"> |
| <button type="submit" class="btn btn-primary btn-block mb-3" ng-disabled="formLogTask.$invalid || loading" onClick="$('#worklog-clio-form-inline').hide('slow'), $('#trix-toolbar-7').hide('slow')" ng-class="{ loading: loading }"> |
| Send |
| </button> |
| </div> |
| <div class="col-1 pt-4"> |
| <a class="btn d-block btn-outline-info btn-block mb-3 px-0" onClick="$('#worklog-clio-form-inline').hide('slow'), $('#trix-toolbar-7').hide('slow')"> |
| <i class="fad fa-trash"></i> |
| </a> |
| </div> |
| </div> |
| </form> |
|
|
|
|
| <div class="col-12 mt-4 mb-4" ng-show="task.timesheets.length == 0"> |
| <div class="text-center"> |
| <img src="https://app.legalboards.io/img/no-worklog.png" width="50%" /> |
| </div> |
| </div> |
|
|
|
|
|
|
| <blockquote class="blockquote log-task pl-2 ml-0 item-new" ng-repeat="timesheet in task.timesheets track by timesheet.id"> |
| <p ng-bind-html="timesheet.description"></p> |
| <footer class="blockquote-footer"> |
| <cite> |
| <div> |
| <div class="user-avatar user-avatar-list raio-30" ng-class="::$root.getRandomAvatarBackground($index)" title="{{ timesheet.user.first_name }} {{ |
| timesheet.user.last_name |
| }}" style="background-image:url({{ timesheet.user.avatar }});"> |
|
|
| <span ng-show="!timesheet.user.avatar" class="mr-1"> |
| {{ timesheet.user.initials }} |
| </span> |
| </div> |
| <span class="ml-2 mt-2"> |
| {{ timesheet.created_at | amDateFormat: "L" }} |
| </span> |
|
|
| <span class="ml-2 mt-2" ng-show="!!timesheet.time_logged_in_mins"> |
| <strong> |
| Time Entry: |
| </strong> |
| {{ |
| timesheet.time_logged_in_mins |
| | minutesToTime |
| }} |
| </span> |
| <a href="javascript:;" class=" float-right mt-2 btn btn-sm btn-outlane-danger" ng-click="confirmDeleteClioTaskLog($index, timesheet)" ng-if="::!hasAnyRole('viewer')"> |
| <i class="fas fa-trash-alt"></i> |
| </a> |
| </div> |
| </cite> |
| </footer> |
| </blockquote> |
| <div class="col-12 mt-4 mb-4" ng-show="task.timesheets.length > 0"> |
| <span class="ml-2 mt-2"> |
| <strong> Total Time: </strong> {{ |
| task.timesheets | sumTimesheet | minutesToTime |
| }} |
| </span> |
| </div> |
| </div> |
| </div> |
|
|
| <div id="bottom"></div> |
| </div> |
| </div> |
| </div> |
| |
|
|
| |
| <script type="text/ng-template" id="removeClioTaskList.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete List</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this list?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteTaskListCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
|
|
| <script type="text/ng-template" id="removeClioTaskLogs.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Task Log</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this log?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="confirmDeleteClioTaskLogCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('LawPay')"> |
| |
|
|
| <div id="lawpay-payment-form" class="slide-in-contaniner slide-in-form remove"> |
| <form |
| name="lawPayPaymentForm" |
| ng-submit="submitLawPayPayment(lawpay_payment, lawPayPaymentForm)" |
| novalidate |
| > |
| <button |
| class="close-btn btn close-form-but" |
| type="button" |
| ng-click="closeLawPayPaymentForm(lawPayPaymentForm)" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div class="slide-form-container"> |
| <h3>New Payment</h3> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Bill Due Date</label> |
| <div class="datepicker-container"> |
| <input |
| type="text" |
| placeholder="mm/dd/yyyy" |
| class="form-control datepicker" |
| autocomplete="off" |
| name="invoice_date" |
| ng-model="lawpay_payment.invoice_date" |
| required |
| /> |
| <span class="datepicker-icon" |
| ><i class="fas fa-caret-down"></i |
| ></span> |
| </div> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| lawPayPaymentForm.invoice_date.$dirty && |
| lawPayPaymentForm.invoice_date.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Deposit Account</label> |
| <select |
| class="form-control" |
| name="bank_account_id" |
| ng-model="lawpay_payment.bank_account_id" |
| required |
| > |
| <option |
| ng-repeat="bankAccount in lawpay_bank_accounts" |
| value="{{ bankAccount.id }}" |
| > |
| {{ bankAccount.name }} |
| </option> |
| </select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| lawPayPaymentForm.bank_account_id.$dirty && |
| lawPayPaymentForm.bank_account_id.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Currency</label> |
| <select |
| class="form-control" |
| name="currency" |
| ng-model="lawpay_payment.currency" |
| required |
| > |
| <option value="USD">USD</option> |
| <option value="CAD">CAD</option> |
| </select> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| lawPayPaymentForm.currency.$dirty && |
| lawPayPaymentForm.currency.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Payment Amount</label> |
| <input |
| type="text" |
| class="form-control money" |
| placeholder="Payment Amount" |
| name="rate_per_quantity" |
| ng-model="lawpay_payment.line_items.rate_per_quantity" |
| required |
| ui-number-mask="2" |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| lawPayPaymentForm.rate_per_quantity.$dirty && |
| lawPayPaymentForm.rate_per_quantity.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Subject Line</label> |
| <input |
| type="text" |
| class="form-control" |
| placeholder="Subject" |
| name="subject" |
| ng-model="lawpay_payment.subject" |
| required |
| /> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| lawPayPaymentForm.subject.$dirty && |
| lawPayPaymentForm.subject.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-row mb-3"> |
| <div class="col-12"> |
| <label>Payment Description</label> |
| <textarea |
| class="form-control" |
| placeholder="Description" |
| name="description" |
| ng-model="lawpay_payment.line_items.description" |
| required |
| ></textarea> |
| </div> |
| </div> |
|
|
| <span |
| class="error" |
| ng-show="
|
| lawPayPaymentForm.description.$dirty && |
| lawPayPaymentForm.description.$error.required |
| " |
| >This field is required. |
| </span> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="lawPayPaymentForm.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| type="button" |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| ng-click="closeLawPayPaymentForm(lawPayPaymentForm)" |
| > |
| Cancel |
| </button> |
| </div> |
| </div> |
| </form> |
| </div> |
|
|
| |
| </ng-if> |
|
|
| <ng-if ng-if="::hasDocumentAsset"> |
| |
| <div id="documents-form" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| onClick="$('#sourceDocuments').val(''); $('#documents-form').removeClass('show')" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div ng-show="loadingUploadingDocument" class="loading-modal"> |
| <img src="https://app.legalboards.io/img/upload-loading.gif" /> |
| </div> |
|
|
| <div class="slide-form-container"> |
| <h3>Upload Documents</h3> |
| <p>If you want, change the names of your files here, or just save.</p> |
| <form |
| name="documentForm" |
| ng-submit="documentsUploadSubmit()" |
| > |
|
|
| <p class="color-purple font-weight-bold mt-3 mb-1"> |
| Drive Source |
| </p> |
| <div class="row"> |
| <div class="col-12 mt-0"> |
| <select class="from-control" ng-model="sourceDocuments.asset_id" ng-change="setDefaultDocumentDrive();"> |
| <option ng-value="2" ng-if="$root.hasAsset('Clio') && (viewCard.matter_id || viewCard.contact_id)" >Clio Documents</option> |
| <option ng-value="14" ng-if="$root.hasAsset('GoogleDrive')">Google Drive</option> |
| <option ng-value="16" ng-if="$root.hasAsset('OneDrive')">One Drive</option> |
| </select> |
| </div> |
| </div> |
|
|
| <p class="color-purple font-weight-bold mt-3 mb-1"> |
| Files to Upload |
| </p> |
|
|
| <div class="row mt-0" ng-repeat="file in sourceDocuments.files"> |
| <div class="col-12"> |
| <input |
| type="text" |
| ng-model="sourceDocuments.names[$index]" |
| required |
| class="form-control" |
| ng-disabled="loading" |
| /> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="documentForm.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| onClick="$('#sourceDocuments').val(''); $('#documents-form').removeClass('show')" |
| type="button" |
| ng-disabled="loading" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <script type="text/ng-template" id="deleteDocuments.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Document</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this document?</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="documentsDeleteConfirmCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| |
| <div id="document-template-form" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| onClick="$('#document-template-form').removeClass('show')" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div ng-show="loadingUploadingDocumentTemplate" class="loading-modal"> |
| <img src="https://app.legalboards.io/img/upload-loading.gif" /> |
| </div> |
|
|
| <div class="slide-form-container"> |
| <h3>Update document using template</h3> |
| <p>Save documents with card information using document templates.</p> |
| <form |
| name="documentTemplateForm" |
| ng-submit="documentTemplateUploadSubmit(document_template, form, generate_pdf)" |
| > |
|
|
| <p class="color-purple font-weight-bold mt-3 mb-1"> |
| Document Template |
| </p> |
| <div class="row"> |
| <div class="col-12 mt-0"> |
| <select ng-required="true" class="from-control" ng-model="document_template"> |
| <option ng-value="" selected disabled>Select Document Template</option> |
| <option ng-value="document_template.rel_external" ng-repeat="document_template in viewCard.document_templates track by $index">{{document_template.name}}</option> |
| </select> |
| </div> |
| <div class="col-12 mt-3"> |
| <input |
| id="generate_pdf" |
| type="checkbox" |
| ng-true-value="true" |
| ng-false-value="false" |
| value='false' |
| class="mr-1" |
| name="generate_pdf" |
| ng-model="generate_pdf" |
| /> |
| <label for="generate_pdf"> |
| Generate a copy of the document in PDF format. |
| </label> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="documentTemplateForm.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| onClick="$('#document-template-form').removeClass('show')" |
| type="button" |
| ng-disabled="loading" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| </ng-if> |
|
|
| <ng-if ng-if="::hasAsset('ClickSign')"> |
| |
| <div id="documents-signed-form" class="slide-in-contaniner slide-in-form remove"> |
| <button |
| class="close-btn btn close-form-but" |
| onClick="$('#documents-signed-form').removeClass('show')" |
| > |
| <i class="fas fa-times"></i> |
| </button> |
|
|
| <div ng-show="loadingSignedDocument" class="loading-modal"> |
| <img src="https://app.legalboards.io/img/upload-loading.gif" /> |
| </div> |
|
|
| <div class="slide-form-container"> |
| <h3>Send document for signature</h3> |
| <p>Choose whether you want to upload a file or select a document template.</p> |
| <form |
| name="documentSignedForm" |
| ng-submit="documentsSignedSubmit()" |
| > |
| <p class="color-purple font-weight-bold mt-3 mb-1"> |
| Asset Document Signed |
| </p> |
| <small>Asset that will be used to sign the document.</small> |
| <div class="row"> |
| <div class="col-12 mt-0"> |
| <select class="from-control" ng-model="signedDocuments.asset_signed" ng-required="true"> |
| <option selected disabled ng-value="''">Select Document Sign Asset</option> |
| <option ng-value="'clicksign'">ClickSign</option> |
| </select> |
| </div> |
| </div> |
|
|
|
|
| <p class="color-purple font-weight-bold mt-4 mb-1"> |
| Select how you want to send the document |
| </p> |
| <div class="d-flex mt-2"> |
| <div class="mr-3"> |
| <label for="upload-file"> |
| <input |
| ng-change="resetTypeDocument()" |
| ng-required="true" |
| type="radio" |
| class="checkbox" |
| name="signedDocuments.document_type" |
| ng-value="'upload_file'" |
| ng-model="signedDocuments.document_type" |
| id="upload-file" |
| /> |
| Upload File |
| </label> |
| </div> |
|
|
| <div> |
| <label for="document-template"> |
| <input |
| ng-change="resetTypeDocument()" |
| ng-required="true" |
| type="radio" |
| class="checkbox" |
| name="signedDocuments.document_type" |
| ng-value="'document_template'" |
| ng-model="signedDocuments.document_type" |
| id="document-template" |
| /> |
| Document Template |
| </label> |
| </div> |
| </div> |
|
|
| <div ng-if="signedDocuments.document_type === 'upload_file'"> |
| <p class="color-purple font-weight-bold mt-3 mb-1"> |
| File to Upload |
| </p> |
|
|
| <div class="mb-5"> |
| <label class="btn btn-block btn-sm btn-outline-primary float-right" ng-if="::!hasAnyRole('viewer')"> |
| Select the document to send |
| <input |
| ng-required="true" |
| type="file" |
| style="display: none;" |
| id="signedDocuments" |
| ng-model="signedDocuments.documents" |
| multiple |
| onchange="angular.element(this).scope().documentSignedUpload(signedDocuments)" |
| /> |
| </label> |
| </div> |
| </div> |
|
|
| <div ng-if="signedDocuments.document_type === 'document_template'" class="mt-3 mb-1 position-relative"> |
| <label>Select the document template</label> |
| <ui-select ng-required="true" autofocus-ui-select ng-model="signedDocuments.document_asset" theme="select2" name="signedDocuments.document_asset"> |
| <ui-select-match allow-clear placeholder="Select Asset"> |
| {{ signedDocuments.document_asset.name }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="documentTemplate in documentTemplates | filter:$select.search track by $index" |
| > |
| {{ documentTemplate.name }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <div class="row mt-0" ng-if="signedDocuments.file_name"> |
| <div class="col-12"> |
| <input |
| type="text" |
| ng-model="signedDocuments.file_name" |
| required |
| class="form-control" |
| ng-disabled="loading" |
| /> |
| </div> |
| </div> |
|
|
| <div class="mt-3 mb-1 position-relative"> |
| <label>Select signature type</label> |
| <ui-select ng-required="true" autofocus-ui-select ng-model="signedDocuments.signature_type" theme="select2" name="signature_type"> |
| <ui-select-match allow-clear placeholder="Select Signature"> |
| {{ signedDocuments.signature_type.value }} |
| </ui-select-match> |
| <ui-select-choices |
| repeat="signatureType in signaturesType | filter:$select.search track by signatureType.id" |
| > |
| {{ signatureType.value }} |
| </ui-select-choices> |
| </ui-select> |
| </div> |
|
|
| <p class="color-purple font-weight-bold mt-4 mb-1"> |
| Asset Document Saved |
| </p> |
| <small>Asset that will be used to save the document after it has been signed.</small> |
| <div class="row"> |
| <div class="col-12 mt-0"> |
| <select class="from-control" ng-required="true" ng-model="signedDocuments.asset_id"> |
| <option selected disabled ng-value="''">Select Document Asset</option> |
| <option ng-value="14" ng-if="$root.hasAsset('GoogleDrive')">Google Drive</option> |
| <option ng-value="16" ng-if="$root.hasAsset('OneDrive')">One Drive</option> |
| </select> |
| </div> |
| </div> |
|
|
| <div class="form-btn-container mt-3"> |
| <button |
| type="submit" |
| class="btn btn-primary btn-block mb-3" |
| ng-disabled="documentSignedForm.$invalid || loading" |
| ng-class="{ loading: loading }" |
| > |
| Save |
| </button> |
| <button |
| class="btn btn-outline-secondary btn-block close-form-tab" |
| onClick="$('#documents-signed-form').removeClass('show')" |
| type="button" |
| ng-disabled="loading" |
| > |
| Cancel |
| </button> |
| </div> |
| </form> |
| </div> |
| </div> |
|
|
| |
| <script type="text/ng-template" id="deleteSignedDocument.tpl.html"> |
| <div class="modal-body px-4 text-center"> |
| <h2 class="mb-3">Delete Signed Document</h2> |
| <i class="fas fa-exclamation-circle"></i> |
| <div class="row mt-4"> |
| <div class="col-12"> |
| <p>Are you sure you want to delete this signed document?</p> |
| <p class="text-danger">The document will remain in your Asset; it will only be removed from the Legalboards system.</p> |
| </div> |
| <div class="col-6"><button class="btn btn-block btn-danger" ng-disable="loading" ng-click="documentSignedDeleteConfirmCallback()">Delete</button></div> |
| <div class="col-6"><button class="btn btn-block btn-warning" type="button" ng-click="closeAnyModalInstance()">Cancel</button></div> |
| </div> |
| </div> |
| </script> |
| </ng-if> |
|
|
| <ng-if ng-if="wizardMode"> |
| <div |
| class="wizard-popover-board" |
| ng-if="wizardFirstCardPosition.top && wizardFirstCardPosition.right" |
| ng-style="{ |
| 'top': wizardFirstCardPosition.top + 'px', |
| 'left': wizardFirstCardPosition.right + 'px' |
| }" |
| outside-click="wizardOpenNewCard()" |
| > |
| <i class="fas fa-caret-left text-purple"></i> |
| <p>Click here and create your first card</p> |
| <button class="show-columns btn btn-success px-lg-5 my-2" ng-click="wizardOpenNewCard()"> |
| NEXT |
| </button> |
| </div> |
|
|
| <div |
| class="wizard-popover-board" |
| ng-if="wizardFirstSearchPosition.top && wizardFirstSearchPosition.right" |
| ng-style="{ |
| 'top': wizardFirstSearchPosition.top + 'px', |
| 'left': wizardFirstSearchPosition.right + 'px' |
| }" |
| outside-click="wizardClose()" |
| > |
| <i class="fas fa-caret-left text-purple"></i> |
| <p ng-if="!wizardHasMattersOrIntegration"> |
| You can search for your client name, or description of the case |
| </p> |
| <p ng-if="wizardHasMattersOrIntegration"> |
| You can add a new matter by clicking on the blue icon |
| </p> |
| <button class="show-columns btn btn-success px-lg-5 my-2" ng-click="wizardClose()"> |
| CLOSE |
| </button> |
| </div> |
| </ng-if> |
| </section> |
| </div> |
|
|
|
|
| <script src="https://app.legalboards.io/bower_components/jquery/dist/jquery.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/jquery-ui/jquery-ui.min.js"></script> |
| |
| |
| <script src="https://app.legalboards.io/js/vendor/jquery.ui.touch-punch.min.js"></script> |
|
|
| |
| |
|
|
| <script src="https://app.legalboards.io/js/vendor/popper.min.js"></script> |
| <script src="https://app.legalboards.io/js/vendor/bootstrap.min.js"></script> |
| |
| <script src="https://app.legalboards.io/js/vendor/jquery.validate.min.js"></script> |
| |
| <script src="https://app.legalboards.io/js/vendor/trix.js"></script> |
| |
| <script src="https://app.legalboards.io/js/vendor/json-formatter.js"></script> |
| <script> |
| var BASE_URL = "https://app.legalboards.io"; |
| window.BASE_URL = BASE_URL; |
| window.AuthUser = {"id":2744,"role_id":null,"initials":"OA","first_name":"Office","last_name":"Admin","email":"accounts@ledyardlaw.com","email_verified_at":"2022-03-25 14:01:59","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":"https:\/\/s3.ca-central-1.amazonaws.com\/production-legalboards\/avatars\/2744\/546968507.png","mautic_contact_id":null,"hubspot_contact_id":2214851,"practice_panther_id":null,"filevine_id":null,"board_id":10471,"clio_user_id":351956236,"clio_account_id":809508660,"clio_sub":"94b5eda98e6d829497203b8f6a70e177","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2024-05-03T13:40:16.000000Z","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2025-06-17T16:32:27.000000Z","deleted_at":null,"hasOffice365Authorization":true,"hasGoogleCalendarAuthorization":false,"hasLawPayAuthorization":false,"hasDocketwiseAuthorization":false,"hasDocuPlayerAuthorization":false,"full_name":"Office Admin","account":{"id":2004,"name":"Office Admin","stripe":null,"logo":"https:\/\/s3.ca-central-1.amazonaws.com\/production-legalboards\/logos\/2004\/112433529.png","status":"active","mautic_company_id":null,"hubspot_company_id":8321733704,"plan_id":15,"stripe_id":"cus_LQFOeA1zsmjc1w","currency":"usd","clio_subdomain":null,"clio_account_id":809508660,"is_promo":0,"cancel_at_period_end":null,"canceled_at":null,"activated_at":"2022-03-31T19:25:33.000000Z","trial_ends_at":null,"run_automations":1,"practice_area":"PI, WCC, PI Auto","state":"Maryland","country":"United States","website":"ledyardlaw.com","hubspot_analytics_source":"Extension- Clio?","engagement_profile":"Dormant","ga_usage":"Never \/ No-Data","ga_link":"","access_frequency":"daily","automations_executed_monthly":3207,"access_profile":"High","automation_profile":"High","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2025-06-16T12:07:07.000000Z","deleted_at":null,"laravel_through_key":2744,"is_free_trial":false,"plan":{"id":15,"stripe_id":"price_1KgdisI97KP1gcs1r9ySUMty","stripe_key":"pk_live_0XxG8ahEFfJzFKZvMhu2miYN","title":"Professional","description":null,"currency":"usd","unit_amount":556.8,"recurrency":"yearly","is_beta":0,"limit_viewers":999,"limit_boards":999,"limit_automations":999,"limit_forms":999,"limit_setups":999,"has_contact_module":1,"has_custom_forms_module":1,"has_custom_fields_module":1,"has_reports_module":1,"has_dashboard_module":1,"created_at":null,"updated_at":null},"setups":[{"id":7262,"account_id":2004,"asset_id":2,"type":"integration","status":"active","deleted_at":null,"created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z","asset":{"id":2,"type":"integration","name":"Clio","document":1,"model":"\\App\\Sources\\Clio\\SourceClio","required_asset_id":null,"created_at":null,"updated_at":null,"deleted_at":null}},{"id":7383,"account_id":2004,"asset_id":11,"type":"plugin","status":"active","deleted_at":null,"created_at":"2022-04-13T19:08:12.000000Z","updated_at":"2022-04-13T19:08:12.000000Z","asset":{"id":11,"type":"plugin","name":"Office365","document":0,"model":null,"required_asset_id":null,"created_at":null,"updated_at":null,"deleted_at":null}},{"id":12231,"account_id":2004,"asset_id":4,"type":"plugin","status":"active","deleted_at":null,"created_at":"2025-05-07T20:09:03.000000Z","updated_at":"2025-05-07T20:09:03.000000Z","asset":{"id":4,"type":"plugin","name":"Tasks","document":0,"model":null,"required_asset_id":null,"created_at":null,"updated_at":null,"deleted_at":null}}],"integration":{"id":7262,"account_id":2004,"asset_id":2,"type":"integration","status":"active","deleted_at":null,"created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z"}},"account_user":{"id":2722,"user_id":2744,"account_id":2004,"type":"owner","status":"active","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z","deleted_at":null},"roles":[{"id":1,"name":"admin","display_name":"admin","guard_name":"web","created_at":"2021-02-16T04:29:05.000000Z","updated_at":"2021-04-16T03:05:19.000000Z","deleted_at":null,"pivot":{"model_id":2744,"role_id":1,"model_type":"App\\User"}}]}; |
| window.PusherKey = '342ed6d361d71fb302e3' |
| window.PusherCluster = 'us2' |
| window.Broadcaster = 'pusher' |
| </script> |
|
|
| <script src="https://app.legalboards.io/js/vendor/laravel-echo-compiled/echo.iife.js"></script> |
| <script src="https://app.legalboards.io/js/custom.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/bower_components/select2/dist/js/select2.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/moment/min/moment.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/moment-timezone/builds/moment-timezone-with-data.min.js"></script> |
| |
| |
| <script src="https://app.legalboards.io/bower_components/angular/angular.min.js"></script> |
|
|
| <script src="https://app.legalboards.io/bower_components/angular-aria/angular-aria.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-animate/angular-animate.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-messages/angular-messages.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-material/angular-material.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-filter/dist/angular-filter.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-bootstrap-colorpicker/js/bootstrap-colorpicker-module.min.js"></script> |
| <script src="https://app.legalboards.io/js/vendor/bootbox.all.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/ngBootbox/dist/ngBootbox.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-ui-select/dist/select.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-sanitize/angular-sanitize.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-moment/angular-moment.min.js"></script> |
| <script src="https://app.legalboards.io/js/vendor/jscolor.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-ui-sortable/sortable.min.js"></script> |
| <script src="https://app.legalboards.io/js/vendor/ui.bootstrap.materialPicker.js"></script> |
| <script src="https://app.legalboards.io/js/vendor/angular-tooltips-custom.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-trix/dist/angular-trix.min.js"></script> |
| |
| |
| |
| <script src="https://app.legalboards.io/bower_components/angular-timer/dist/assets/js/angular-timer-all.min.js"></script> |
| <script src="https://app.legalboards.io/js/vendor/angular-input-masks/releases/angular-input-masks-standalone.min.js"></script> |
| <script src="https://app.legalboards.io/js/vendor/angular-input-masks/releases/angular-input-masks-dependencies.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-ui-mask/dist/mask.min.js"></script> |
| <script type="text/javascript" src="https://app.legalboards.io/bower_components/angular-ui-calendar/src/calendar.js"></script> |
| <script type="text/javascript" src="https://app.legalboards.io/bower_components/fullcalendar/dist/fullcalendar.js"></script> |
| <script src="https://app.legalboards.io/bower_components/bootstrap-toggle/js/bootstrap-toggle.min.js"></script> |
|
|
|
|
| <script src="https://app.legalboards.io/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script> |
|
|
| <script src="https://app.legalboards.io/bower_components/angular-svg-round-progressbar/build/roundProgress.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-daterangepicker/js/angular-daterangepicker.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/tribute/dist/tribute.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/json-formatter/dist/json-formatter.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/pusher-js/dist/web/pusher.js"></script> |
| <script src="https://app.legalboards.io/bower_components/socket.io-client/dist/socket.io.js"></script> |
|
|
| <script src="https://app.legalboards.io/dist/js/app.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/dist/js/angular-service.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/js/angular-filters.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/js/angular-directives.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-translate/angular-translate.min.js"></script> |
| <script src="https://app.legalboards.io/bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/json-formatter-js@2.5.18/dist/json-formatter.umd.min.js"></script> |
| <script src="https://app.legalboards.io/dist/js/locales/i18n.js?v=production-84756eb"></script> |
| |
| <script src="https://app.legalboards.io/dist/js/controllers/sidemenu.js?v=production-84756eb"></script> |
|
|
|
|
| <script src="https://app.legalboards.io/dist/js/components/automation/automationController.js?v=production-84756eb"></script> |
| <script |
| src="https://app.legalboards.io/dist/js/components/convertContactToMatter/convertContactToMatter.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/dist/js/components/task_checklists/taskChecklists.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/dist/js/components/taskDecision/taskDecision.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/dist/js/components/task_checklists/viewTaskChecklists.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/dist/js/components/taskDecision/viewTaskDecision.js?v=production-84756eb"></script> |
| <script src="https://app.legalboards.io/dist/js/controllers/reports.js?v=production-84756eb"></script> |
|
|
| <script> |
| gtag("event", "user_logged_in"); |
| </script> |
| <noscript style="padding: 2rem; display:block; position: absolute; top: 0"> |
| Enable Javascript and reload this page to continue. |
| </noscript> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.js"></script> |
| <script> |
| $(document).on('click', '.list-dropdown , .radio-container', function(e) { |
| e.stopPropagation(); |
| }); |
|
|
| $(document).on('click', '.close-dropdown', function(e) { |
| $("body").trigger("click"); |
| }); |
|
|
| $(".order-list").niceSelect(); |
|
|
| $(".search-board").on('input', function() { |
| if ($(this).val() != "") { |
| $(this).addClass("active") |
| } else { |
| $(this).removeClass("active") |
| } |
| }); |
|
|
| $(".search-board-icon-clear").on("click", function() { |
| $(".search-board").val(""); |
| $(".search-board").removeClass("active"); |
| }); |
|
|
| $(document).click(function(e) { |
| if (!$(e.target).is(".dropdown-menu")) { |
| $(".dropdown-menu").removeClass("show"); |
| } |
| }); |
|
|
|
|
| </script> |
|
|
| <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script> |
| <script> |
| window.loadedBoards = [{"id":10471,"account_id":2004,"name":"Auto Accident","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":1,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-05-19T15:42:22.000000Z","updated_at":"2025-05-07T15:50:10.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":10485,"account_id":2004,"name":"Litigation","description":null,"disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-05-22T15:34:32.000000Z","updated_at":"2025-05-05T13:21:27.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11015,"account_id":2004,"name":"Workers\u0027 Compensation","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-10-23T18:45:43.000000Z","updated_at":"2025-05-05T13:22:31.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11016,"account_id":2004,"name":"Premises Liability","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-10-23T19:00:19.000000Z","updated_at":"2024-11-02T16:15:25.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11017,"account_id":2004,"name":"School Injury","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-10-23T19:15:14.000000Z","updated_at":"2025-05-05T13:22:03.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11018,"account_id":2004,"name":"Medical Malpractice","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-10-23T20:36:35.000000Z","updated_at":"2025-05-05T13:21:40.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11073,"account_id":2004,"name":"State Appeals","description":"Workflow for State Appeals Board","disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"open_ai","wizard_reason":null,"created_at":"2024-11-02T19:42:37.000000Z","updated_at":"2025-05-05T13:22:12.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11074,"account_id":2004,"name":"Federal Appeals","description":"Workflow for State Appeals Board","disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":1,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-11-02T20:27:50.000000Z","updated_at":"2024-11-02T20:27:50.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11089,"account_id":2004,"name":"General Negligence","description":null,"disable_automation_edit_to_members":1,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-11-06T21:06:59.000000Z","updated_at":"2025-05-05T13:21:14.000000Z","deleted_at":null,"hide_cards_non_member_viewers":1,"hide_cards_non_member_members":1},{"id":11093,"account_id":2004,"name":"Trial Prep","description":"Board for preparing for trial stages","disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"open_ai","wizard_reason":null,"created_at":"2024-11-08T22:34:58.000000Z","updated_at":"2025-05-05T13:22:20.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11389,"account_id":2004,"name":"Personal Injury Litigation Workflow","description":"This Kanban board is tailored for a legal firm to manage the various stages of litigation for personal injury cases. The board is intended to help the legal team collaborate effectively and ensure tasks are progressing as planned.","disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":1,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2025-01-22T15:51:02.000000Z","updated_at":"2025-01-22T15:51:02.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0},{"id":11718,"account_id":2004,"name":"Ledyard Law Backlog","description":"Kanban board for tracking tasks across stages and prioritizing for 2-week sprints.","disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":1,"status":"active","origin":"open_ai","wizard_reason":null,"created_at":"2025-05-08T18:36:13.000000Z","updated_at":"2025-05-08T18:37:15.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0}]; |
| window.loadedLists = [{"id":71807,"board_id":10485,"name":"Incoming Client Matter","description":null,"card_limit":null,"order":1,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-05-22T15:34:33.000000Z","deleted_at":null,"cards_count":81,"cards":[{"id":366789,"list_id":71807,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:50:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":311037,"contact_id":null,"title":"Joseph N. Steiner","subtitle":"2020-00025 Steiner,Joseph","note":"General Negligence","filed_at":null,"last_moved_at":"2025-06-17T15:50:43.000000Z"},{"id":325439,"list_id":71807,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-28T17:43:35.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":271458,"contact_id":null,"title":"Daniel Matthew Hyman","subtitle":"2025-00017 Hyman, Daniel","note":"Wrongful Termination","filed_at":null,"last_moved_at":"2025-01-28T17:43:35.000000Z"},{"id":307261,"list_id":71807,"order":3,"status":"active","pin_date":null,"created_at":"2024-11-08T16:36:30.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258228,"contact_id":null,"title":"Dominique Thorne","subtitle":"2024-00141 Thorne,Dominique","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:36:30.000000Z"},{"id":307270,"list_id":71807,"order":4,"status":"active","pin_date":null,"created_at":"2024-11-08T16:47:59.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":257465,"contact_id":null,"title":"Shashi Gupta","subtitle":"2024-00140 Gupta,Shashi","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:47:59.000000Z"},{"id":307350,"list_id":71807,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T19:49:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258262,"contact_id":null,"title":"Jennifer Yadvish","subtitle":"2024-00118 Yadvish,Jennifer","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-08T19:49:43.000000Z"},{"id":307801,"list_id":71807,"order":7,"status":"active","pin_date":null,"created_at":"2024-11-11T21:57:53.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258406,"contact_id":null,"title":"Christopher (Chris) Mosley Jr","subtitle":"2024-00111 Mosley Jr,Christopher (Chris)","note":"PI","filed_at":null,"last_moved_at":"2024-11-11T21:57:53.000000Z"},{"id":307300,"list_id":71807,"order":8,"status":"active","pin_date":null,"created_at":"2024-11-08T17:11:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:11:08.000000Z"},{"id":303116,"list_id":71807,"order":9,"status":"active","pin_date":null,"created_at":"2024-10-18T15:53:34.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T20:43:47.000000Z"},{"id":307298,"list_id":71807,"order":10,"status":"active","pin_date":null,"created_at":"2024-11-08T17:09:01.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258235,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00086 Fortune,Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:09:01.000000Z"},{"id":307297,"list_id":71807,"order":11,"status":"active","pin_date":null,"created_at":"2024-11-08T17:08:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:08:08.000000Z"}],"first_cards":[{"id":366789,"list_id":71807,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:50:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":311037,"contact_id":null,"title":"Joseph N. Steiner","subtitle":"2020-00025 Steiner,Joseph","note":"General Negligence","filed_at":null,"last_moved_at":"2025-06-17T15:50:43.000000Z"},{"id":325439,"list_id":71807,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-28T17:43:35.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":271458,"contact_id":null,"title":"Daniel Matthew Hyman","subtitle":"2025-00017 Hyman, Daniel","note":"Wrongful Termination","filed_at":null,"last_moved_at":"2025-01-28T17:43:35.000000Z"},{"id":307261,"list_id":71807,"order":3,"status":"active","pin_date":null,"created_at":"2024-11-08T16:36:30.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258228,"contact_id":null,"title":"Dominique Thorne","subtitle":"2024-00141 Thorne,Dominique","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:36:30.000000Z"},{"id":307270,"list_id":71807,"order":4,"status":"active","pin_date":null,"created_at":"2024-11-08T16:47:59.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":257465,"contact_id":null,"title":"Shashi Gupta","subtitle":"2024-00140 Gupta,Shashi","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:47:59.000000Z"},{"id":307350,"list_id":71807,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T19:49:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258262,"contact_id":null,"title":"Jennifer Yadvish","subtitle":"2024-00118 Yadvish,Jennifer","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-08T19:49:43.000000Z"},{"id":307801,"list_id":71807,"order":7,"status":"active","pin_date":null,"created_at":"2024-11-11T21:57:53.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258406,"contact_id":null,"title":"Christopher (Chris) Mosley Jr","subtitle":"2024-00111 Mosley Jr,Christopher (Chris)","note":"PI","filed_at":null,"last_moved_at":"2024-11-11T21:57:53.000000Z"},{"id":307300,"list_id":71807,"order":8,"status":"active","pin_date":null,"created_at":"2024-11-08T17:11:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:11:08.000000Z"},{"id":303116,"list_id":71807,"order":9,"status":"active","pin_date":null,"created_at":"2024-10-18T15:53:34.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T20:43:47.000000Z"},{"id":307298,"list_id":71807,"order":10,"status":"active","pin_date":null,"created_at":"2024-11-08T17:09:01.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258235,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00086 Fortune,Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:09:01.000000Z"},{"id":307297,"list_id":71807,"order":11,"status":"active","pin_date":null,"created_at":"2024-11-08T17:08:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:08:08.000000Z"}]},{"id":71809,"board_id":10485,"name":"Case Review","description":null,"card_limit":null,"order":2,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:28:18.000000Z","deleted_at":null,"cards_count":19,"cards":[{"id":274369,"list_id":71809,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:39.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230040,"contact_id":null,"title":"Karanda Fe LaQuinta Taylor","subtitle":"2024-00040Taylor, Karanda","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:07:39.000000Z"},{"id":274376,"list_id":71809,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:09:13.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230063,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00021 Fortune, Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:09:13.000000Z"},{"id":274372,"list_id":71809,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:10.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":216794,"contact_id":null,"title":"Daniel Meir Simhi","subtitle":"2024-00028 Simhi, Chani","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:08:10.000000Z"},{"id":312159,"list_id":71809,"order":5,"status":"active","pin_date":null,"created_at":"2024-12-03T14:51:23.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230060,"contact_id":null,"title":"Joan Owens","subtitle":"2024-00024 Owens,Joan","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2024-12-03T14:51:23.000000Z"},{"id":307412,"list_id":71809,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T23:50:17.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230076,"contact_id":null,"title":"Dejhia S. McLaughlin","subtitle":"2023-00115 McLaughlin,Dejhia","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:50:17.000000Z"},{"id":274385,"list_id":71809,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:12:09.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230624,"contact_id":null,"title":"Deondra M. Ragins","subtitle":"2023-00097 Ragins, Deondra","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:12:09.000000Z"},{"id":274392,"list_id":71809,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:13:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230631,"contact_id":null,"title":"Keyanna White","subtitle":"2023-00089 White, Keyanna","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:13:50.000000Z"},{"id":307413,"list_id":71809,"order":9,"status":"active","pin_date":null,"created_at":"2024-11-08T23:51:36.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain,Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:51:36.000000Z"},{"id":274398,"list_id":71809,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230636,"contact_id":null,"title":"Luis-Mario Ebuka Esono","subtitle":"2023-00081 Ebuka Esono, Luis-Mario","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:14:50.000000Z"},{"id":274405,"list_id":71809,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:25.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230642,"contact_id":null,"title":"Niyanna Deborah Brown","subtitle":"2023-00051 Brown, Niyanna","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:18:25.000000Z"}],"first_cards":[{"id":274369,"list_id":71809,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:39.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230040,"contact_id":null,"title":"Karanda Fe LaQuinta Taylor","subtitle":"2024-00040Taylor, Karanda","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:07:39.000000Z"},{"id":274376,"list_id":71809,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:09:13.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230063,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00021 Fortune, Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:09:13.000000Z"},{"id":274372,"list_id":71809,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:10.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":216794,"contact_id":null,"title":"Daniel Meir Simhi","subtitle":"2024-00028 Simhi, Chani","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:08:10.000000Z"},{"id":312159,"list_id":71809,"order":5,"status":"active","pin_date":null,"created_at":"2024-12-03T14:51:23.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230060,"contact_id":null,"title":"Joan Owens","subtitle":"2024-00024 Owens,Joan","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2024-12-03T14:51:23.000000Z"},{"id":307412,"list_id":71809,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T23:50:17.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230076,"contact_id":null,"title":"Dejhia S. McLaughlin","subtitle":"2023-00115 McLaughlin,Dejhia","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:50:17.000000Z"},{"id":274385,"list_id":71809,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:12:09.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230624,"contact_id":null,"title":"Deondra M. Ragins","subtitle":"2023-00097 Ragins, Deondra","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:12:09.000000Z"},{"id":274392,"list_id":71809,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:13:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230631,"contact_id":null,"title":"Keyanna White","subtitle":"2023-00089 White, Keyanna","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:13:50.000000Z"},{"id":307413,"list_id":71809,"order":9,"status":"active","pin_date":null,"created_at":"2024-11-08T23:51:36.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain,Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:51:36.000000Z"},{"id":274398,"list_id":71809,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230636,"contact_id":null,"title":"Luis-Mario Ebuka Esono","subtitle":"2023-00081 Ebuka Esono, Luis-Mario","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:14:50.000000Z"},{"id":274405,"list_id":71809,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:25.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230642,"contact_id":null,"title":"Niyanna Deborah Brown","subtitle":"2023-00051 Brown, Niyanna","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:18:25.000000Z"}]},{"id":71810,"board_id":10485,"name":"Filing Phase","description":null,"card_limit":null,"order":3,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:29:25.000000Z","deleted_at":null,"cards_count":24,"cards":[{"id":324199,"list_id":71810,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T23:08:05.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":255023,"contact_id":null,"title":"Don Gross","subtitle":"2024-00109 Gross,Don","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:08:05.000000Z"},{"id":303091,"list_id":71810,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:44:19.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:02.000000Z"},{"id":303078,"list_id":71810,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:38:39.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":230282,"contact_id":null,"title":"Janice Cussaac","subtitle":"2024-00058 Cussaac,Janice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:13.000000Z"},{"id":303049,"list_id":71810,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T15:21:12.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:55.000000Z"},{"id":274371,"list_id":71810,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:51.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:15:32.000000Z"},{"id":274368,"list_id":71810,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:08.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":223916,"contact_id":null,"title":"Antwon Curtis","subtitle":"2024-00042 Curtis,Antwon","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:15:26.000000Z"},{"id":274650,"list_id":71810,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219797,"contact_id":null,"title":"Kennedy Mitchell","subtitle":"2024-00034 Mitchell, Kennedy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:47.000000Z"},{"id":274649,"list_id":71810,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:21.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219368,"contact_id":null,"title":"Dante Edward Green","subtitle":"2024-00033 Green, Dante","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:43.000000Z"},{"id":303023,"list_id":71810,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:10:38.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III,Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:39.000000Z"},{"id":274380,"list_id":71810,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III, Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:20.000000Z"}],"first_cards":[{"id":324199,"list_id":71810,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T23:08:05.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":255023,"contact_id":null,"title":"Don Gross","subtitle":"2024-00109 Gross,Don","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:08:05.000000Z"},{"id":303091,"list_id":71810,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:44:19.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:02.000000Z"},{"id":303078,"list_id":71810,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:38:39.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":230282,"contact_id":null,"title":"Janice Cussaac","subtitle":"2024-00058 Cussaac,Janice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:13.000000Z"},{"id":303049,"list_id":71810,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T15:21:12.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:55.000000Z"},{"id":274371,"list_id":71810,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:51.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:15:32.000000Z"},{"id":274368,"list_id":71810,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:08.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":223916,"contact_id":null,"title":"Antwon Curtis","subtitle":"2024-00042 Curtis,Antwon","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:15:26.000000Z"},{"id":274650,"list_id":71810,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219797,"contact_id":null,"title":"Kennedy Mitchell","subtitle":"2024-00034 Mitchell, Kennedy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:47.000000Z"},{"id":274649,"list_id":71810,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:21.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219368,"contact_id":null,"title":"Dante Edward Green","subtitle":"2024-00033 Green, Dante","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:43.000000Z"},{"id":303023,"list_id":71810,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:10:38.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III,Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:39.000000Z"},{"id":274380,"list_id":71810,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III, Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:20.000000Z"}]},{"id":71811,"board_id":10485,"name":"Service Phase","description":null,"card_limit":null,"order":4,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:29:29.000000Z","deleted_at":null,"cards_count":8,"cards":[{"id":303063,"list_id":71811,"order":1,"status":"active","pin_date":null,"created_at":"2024-10-18T15:26:07.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":225750,"contact_id":null,"title":"Lawrencetine Gay","subtitle":"2024-00049 Gay,Lawrencetine","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-27T18:33:13.000000Z"},{"id":303084,"list_id":71811,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:41:22.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":254989,"contact_id":null,"title":"Jeremy Fleming","subtitle":"2024-00062 Fleming,Jeremy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:24:03.000000Z"},{"id":274373,"list_id":71811,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:23.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":216791,"contact_id":null,"title":"Taylor Brinsfield","subtitle":"2024-00026 Brinsfield, Taylor","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:15:38.000000Z"},{"id":274379,"list_id":71811,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230619,"contact_id":null,"title":"Shanice Nelson","subtitle":"2024-00009 Nelson, Shanice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:14.000000Z"},{"id":274419,"list_id":71811,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:32:50.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230655,"contact_id":null,"title":"Maria Mariano","subtitle":"2023-00017 Mariano, Maria","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:00.000000Z"},{"id":274442,"list_id":71811,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:40:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230674,"contact_id":null,"title":"Ana \u0022Daisy\u0022 Morales","subtitle":"2022-00077 Morales, Ana","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-11-02T16:27:27.000000Z"},{"id":318155,"list_id":71811,"order":8,"status":"active","pin_date":null,"created_at":"2024-12-30T19:21:52.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":79464,"contact_id":null,"title":"Michael Nelson","subtitle":"2022-00019 Nelson,Michael","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-12-30T19:26:49.000000Z"},{"id":275159,"list_id":71811,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-28T19:29:26.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":231051,"contact_id":null,"title":"Makaia Stewart","subtitle":"2021-00113 Stewart,Makaia","note":"School Case","filed_at":null,"last_moved_at":"2024-05-28T19:29:26.000000Z"}],"first_cards":[{"id":303063,"list_id":71811,"order":1,"status":"active","pin_date":null,"created_at":"2024-10-18T15:26:07.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":225750,"contact_id":null,"title":"Lawrencetine Gay","subtitle":"2024-00049 Gay,Lawrencetine","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-27T18:33:13.000000Z"},{"id":303084,"list_id":71811,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:41:22.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":254989,"contact_id":null,"title":"Jeremy Fleming","subtitle":"2024-00062 Fleming,Jeremy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:24:03.000000Z"},{"id":274373,"list_id":71811,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:23.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":216791,"contact_id":null,"title":"Taylor Brinsfield","subtitle":"2024-00026 Brinsfield, Taylor","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:15:38.000000Z"},{"id":274379,"list_id":71811,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230619,"contact_id":null,"title":"Shanice Nelson","subtitle":"2024-00009 Nelson, Shanice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:14.000000Z"},{"id":274419,"list_id":71811,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:32:50.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230655,"contact_id":null,"title":"Maria Mariano","subtitle":"2023-00017 Mariano, Maria","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:00.000000Z"},{"id":274442,"list_id":71811,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:40:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230674,"contact_id":null,"title":"Ana \u0022Daisy\u0022 Morales","subtitle":"2022-00077 Morales, Ana","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-11-02T16:27:27.000000Z"},{"id":318155,"list_id":71811,"order":8,"status":"active","pin_date":null,"created_at":"2024-12-30T19:21:52.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":79464,"contact_id":null,"title":"Michael Nelson","subtitle":"2022-00019 Nelson,Michael","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-12-30T19:26:49.000000Z"},{"id":275159,"list_id":71811,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-28T19:29:26.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":231051,"contact_id":null,"title":"Makaia Stewart","subtitle":"2021-00113 Stewart,Makaia","note":"School Case","filed_at":null,"last_moved_at":"2024-05-28T19:29:26.000000Z"}]},{"id":71872,"board_id":10485,"name":"Motion to Dismiss","description":null,"card_limit":null,"order":5,"border_color":null,"status":"active","created_at":"2024-05-23T15:55:01.000000Z","updated_at":"2024-11-02T19:29:33.000000Z","deleted_at":null,"cards_count":2,"cards":[{"id":274430,"list_id":71872,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:43.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230666,"contact_id":null,"title":"Parker Ward","subtitle":"2022-00106 Ward, Parker","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:36:43.000000Z"},{"id":324197,"list_id":71872,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T23:04:46.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad,Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:04:46.000000Z"}],"first_cards":[{"id":274430,"list_id":71872,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:43.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230666,"contact_id":null,"title":"Parker Ward","subtitle":"2022-00106 Ward, Parker","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:36:43.000000Z"},{"id":324197,"list_id":71872,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T23:04:46.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad,Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:04:46.000000Z"}]},{"id":71874,"board_id":10485,"name":"Mediation","description":null,"card_limit":null,"order":6,"border_color":null,"status":"active","created_at":"2024-05-23T15:57:53.000000Z","updated_at":"2024-11-07T21:23:26.000000Z","deleted_at":null,"cards_count":5,"cards":[{"id":274634,"list_id":71874,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:34:31.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79620,"contact_id":null,"title":"Madison Waldbauer","subtitle":"2021-00066 Waldbauer,Madison","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:53.000000Z"},{"id":302746,"list_id":71874,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:07:37.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:20:06.000000Z"},{"id":274622,"list_id":71874,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:18:52.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:01.000000Z"},{"id":323969,"list_id":71874,"order":4,"status":"active","pin_date":null,"created_at":"2025-01-22T19:53:06.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T19:53:06.000000Z"},{"id":274482,"list_id":71874,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:54:18.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230685,"contact_id":null,"title":"Cathryn Henderson","subtitle":"2018-00081 Henderson,Cathryn","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:05.000000Z"}],"first_cards":[{"id":274634,"list_id":71874,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:34:31.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79620,"contact_id":null,"title":"Madison Waldbauer","subtitle":"2021-00066 Waldbauer,Madison","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:53.000000Z"},{"id":302746,"list_id":71874,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:07:37.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:20:06.000000Z"},{"id":274622,"list_id":71874,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:18:52.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:01.000000Z"},{"id":323969,"list_id":71874,"order":4,"status":"active","pin_date":null,"created_at":"2025-01-22T19:53:06.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T19:53:06.000000Z"},{"id":274482,"list_id":71874,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:54:18.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230685,"contact_id":null,"title":"Cathryn Henderson","subtitle":"2018-00081 Henderson,Cathryn","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:05.000000Z"}]},{"id":71812,"board_id":10485,"name":"Discovery","description":null,"card_limit":null,"order":7,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:27.000000Z","deleted_at":null,"cards_count":19,"cards":[{"id":312497,"list_id":71812,"order":1,"status":"active","pin_date":null,"created_at":"2024-12-04T17:11:42.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2024-12-04T17:11:42.000000Z"},{"id":303000,"list_id":71812,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:02:33.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr.,Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:49.000000Z"},{"id":274384,"list_id":71812,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:11:20.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr., Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T15:58:15.000000Z"},{"id":302981,"list_id":71812,"order":4,"status":"active","pin_date":null,"created_at":"2024-10-18T14:55:05.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230094,"contact_id":null,"title":"Donnell Coates","subtitle":"2023-00094 Coates,Donnell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:01.000000Z"},{"id":302977,"list_id":71812,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T14:53:39.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230630,"contact_id":null,"title":"Keith Beane","subtitle":"2023-00091 Beane,Keith","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:06.000000Z"},{"id":274393,"list_id":71812,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:23.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain, Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:39.000000Z"},{"id":274404,"list_id":71812,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:13.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230641,"contact_id":null,"title":"Lakeisha Hill","subtitle":"2023-00065 Hill, Lakeisha","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:17:22.000000Z"},{"id":274426,"list_id":71812,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:35:18.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230662,"contact_id":null,"title":"Dasha Day","subtitle":"2022-00118 Day, Dasha","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:43.000000Z"},{"id":274429,"list_id":71812,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:28.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230665,"contact_id":null,"title":"Taramathee Seeparsad","subtitle":"2022-00108 Seeparsad, Taramathee","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:25:03.000000Z"},{"id":274435,"list_id":71812,"order":12,"status":"active","pin_date":null,"created_at":"2024-05-23T21:38:21.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad, Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:34.000000Z"}],"first_cards":[{"id":312497,"list_id":71812,"order":1,"status":"active","pin_date":null,"created_at":"2024-12-04T17:11:42.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2024-12-04T17:11:42.000000Z"},{"id":303000,"list_id":71812,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:02:33.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr.,Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:49.000000Z"},{"id":274384,"list_id":71812,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:11:20.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr., Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T15:58:15.000000Z"},{"id":302981,"list_id":71812,"order":4,"status":"active","pin_date":null,"created_at":"2024-10-18T14:55:05.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230094,"contact_id":null,"title":"Donnell Coates","subtitle":"2023-00094 Coates,Donnell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:01.000000Z"},{"id":302977,"list_id":71812,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T14:53:39.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230630,"contact_id":null,"title":"Keith Beane","subtitle":"2023-00091 Beane,Keith","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:06.000000Z"},{"id":274393,"list_id":71812,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:23.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain, Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:39.000000Z"},{"id":274404,"list_id":71812,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:13.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230641,"contact_id":null,"title":"Lakeisha Hill","subtitle":"2023-00065 Hill, Lakeisha","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:17:22.000000Z"},{"id":274426,"list_id":71812,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:35:18.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230662,"contact_id":null,"title":"Dasha Day","subtitle":"2022-00118 Day, Dasha","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:43.000000Z"},{"id":274429,"list_id":71812,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:28.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230665,"contact_id":null,"title":"Taramathee Seeparsad","subtitle":"2022-00108 Seeparsad, Taramathee","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:25:03.000000Z"},{"id":274435,"list_id":71812,"order":12,"status":"active","pin_date":null,"created_at":"2024-05-23T21:38:21.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad, Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:34.000000Z"}]},{"id":71876,"board_id":10485,"name":"Dispositive Motion Stage","description":null,"card_limit":null,"order":8,"border_color":null,"status":"active","created_at":"2024-05-23T19:41:29.000000Z","updated_at":"2024-11-07T21:23:27.000000Z","deleted_at":null,"cards_count":4,"cards":[{"id":275161,"list_id":71876,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-28T19:31:45.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":77555,"contact_id":null,"title":"Josiah Brummell","subtitle":"2021-00017 Brummell,Josiah","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:14:31.000000Z"},{"id":274624,"list_id":71876,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:57.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:25:54.000000Z"},{"id":302485,"list_id":71876,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-16T19:44:51.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:35.000000Z"},{"id":274467,"list_id":71876,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:04.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:19.000000Z"}],"first_cards":[{"id":275161,"list_id":71876,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-28T19:31:45.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":77555,"contact_id":null,"title":"Josiah Brummell","subtitle":"2021-00017 Brummell,Josiah","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:14:31.000000Z"},{"id":274624,"list_id":71876,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:57.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:25:54.000000Z"},{"id":302485,"list_id":71876,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-16T19:44:51.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:35.000000Z"},{"id":274467,"list_id":71876,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:04.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:19.000000Z"}]},{"id":71877,"board_id":10485,"name":"Case Closure","description":null,"card_limit":null,"order":9,"border_color":null,"status":"active","created_at":"2024-05-23T19:42:14.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":10,"cards":[{"id":274638,"list_id":71877,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:46:41.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230077,"contact_id":null,"title":"John Abolarin","subtitle":"2023-00114 Abolarin, John","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:55.000000Z"},{"id":274406,"list_id":71877,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230643,"contact_id":null,"title":"Wendell Postell","subtitle":"2023-00046 Postell, Wendell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:55.000000Z"},{"id":274412,"list_id":71877,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:21:23.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230649,"contact_id":null,"title":"Jamard Robinson","subtitle":"2023-00022 Robinson, Jamard","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:52.000000Z"},{"id":274423,"list_id":71877,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:34:10.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230659,"contact_id":null,"title":"Tracy Garner","subtitle":"2023-00006 Garner, Tracy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:49.000000Z"},{"id":274439,"list_id":71877,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:39:24.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230672,"contact_id":null,"title":"Kira Heward","subtitle":"2022-00089 Heward, Kira","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:27:36.000000Z"},{"id":274450,"list_id":71877,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:42:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77365,"contact_id":null,"title":"Jacquelyn Rogers","subtitle":"2022-00055 Rogers,Jacquelyn","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:30.000000Z"},{"id":274456,"list_id":71877,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:45:13.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79455,"contact_id":null,"title":"Patricia Rodman","subtitle":"2022-00030 Rodman,Patricia","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:26.000000Z"},{"id":275120,"list_id":71877,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-28T18:47:33.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79562,"contact_id":null,"title":"Edward Ransome","subtitle":"2020-00015 Ransome,Edward","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-05-28T18:47:33.000000Z"},{"id":314811,"list_id":71877,"order":9,"status":"active","pin_date":null,"created_at":"2024-12-17T16:08:19.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77482,"contact_id":null,"title":"Connor Powers","subtitle":"2018-00064 Powers,Connor","note":"School Case","filed_at":null,"last_moved_at":"2024-12-17T16:08:19.000000Z"},{"id":274487,"list_id":71877,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:55:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79577,"contact_id":null,"title":"Tausha Bruce","subtitle":"2017-00118 Bruce,Tausha","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-02T16:17:33.000000Z"}],"first_cards":[{"id":274638,"list_id":71877,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:46:41.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230077,"contact_id":null,"title":"John Abolarin","subtitle":"2023-00114 Abolarin, John","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:55.000000Z"},{"id":274406,"list_id":71877,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230643,"contact_id":null,"title":"Wendell Postell","subtitle":"2023-00046 Postell, Wendell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:55.000000Z"},{"id":274412,"list_id":71877,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:21:23.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230649,"contact_id":null,"title":"Jamard Robinson","subtitle":"2023-00022 Robinson, Jamard","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:52.000000Z"},{"id":274423,"list_id":71877,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:34:10.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230659,"contact_id":null,"title":"Tracy Garner","subtitle":"2023-00006 Garner, Tracy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:49.000000Z"},{"id":274439,"list_id":71877,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:39:24.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230672,"contact_id":null,"title":"Kira Heward","subtitle":"2022-00089 Heward, Kira","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:27:36.000000Z"},{"id":274450,"list_id":71877,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:42:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77365,"contact_id":null,"title":"Jacquelyn Rogers","subtitle":"2022-00055 Rogers,Jacquelyn","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:30.000000Z"},{"id":274456,"list_id":71877,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:45:13.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79455,"contact_id":null,"title":"Patricia Rodman","subtitle":"2022-00030 Rodman,Patricia","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:26.000000Z"},{"id":275120,"list_id":71877,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-28T18:47:33.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79562,"contact_id":null,"title":"Edward Ransome","subtitle":"2020-00015 Ransome,Edward","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-05-28T18:47:33.000000Z"},{"id":314811,"list_id":71877,"order":9,"status":"active","pin_date":null,"created_at":"2024-12-17T16:08:19.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77482,"contact_id":null,"title":"Connor Powers","subtitle":"2018-00064 Powers,Connor","note":"School Case","filed_at":null,"last_moved_at":"2024-12-17T16:08:19.000000Z"},{"id":274487,"list_id":71877,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:55:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79577,"contact_id":null,"title":"Tausha Bruce","subtitle":"2017-00118 Bruce,Tausha","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-02T16:17:33.000000Z"}]},{"id":75834,"board_id":10485,"name":"Follow-Up \u0026 Communication","description":null,"card_limit":null,"order":10,"border_color":null,"status":"active","created_at":"2024-10-17T18:28:38.000000Z","updated_at":"2024-11-02T19:30:14.000000Z","deleted_at":null,"cards_count":2,"cards":[{"id":324057,"list_id":75834,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T20:46:20.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":230780,"contact_id":null,"title":"Minnie Brown","subtitle":"2021-00023 Brown,Minnie","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-01-22T20:46:20.000000Z"},{"id":324053,"list_id":75834,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T20:44:58.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T20:44:58.000000Z"}],"first_cards":[{"id":324057,"list_id":75834,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T20:46:20.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":230780,"contact_id":null,"title":"Minnie Brown","subtitle":"2021-00023 Brown,Minnie","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-01-22T20:46:20.000000Z"},{"id":324053,"list_id":75834,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T20:44:58.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T20:44:58.000000Z"}]},{"id":71813,"board_id":10485,"name":"Settlement","description":null,"card_limit":null,"order":11,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":68,"cards":[{"id":366790,"list_id":71813,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:51:23.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77524,"contact_id":null,"title":"Estate of Patrice Cochran","subtitle":"2020-00034 Cochran,Patrice","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-06-17T15:51:23.000000Z"},{"id":274407,"list_id":71813,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:19:10.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan, Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-03-25T16:31:10.000000Z"},{"id":307931,"list_id":71813,"order":2,"status":"active","pin_date":null,"created_at":"2024-11-12T13:22:36.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79567,"contact_id":null,"title":"Mary Grace Burrows","subtitle":"2021-00071 Burrows,Mary Grace","note":"School Case","filed_at":null,"last_moved_at":"2025-03-12T19:55:08.000000Z"},{"id":274623,"list_id":71813,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:16.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79594,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00063 Lopez,Raul","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:42:14.000000Z"},{"id":274462,"list_id":71813,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:48:52.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77519,"contact_id":null,"title":"Willie Coleman","subtitle":"2019-00117 Coleman,Willie","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:30:08.000000Z"},{"id":274402,"list_id":71813,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:17:42.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230639,"contact_id":null,"title":"Dontay Harrington","subtitle":"2023-00071 Harrington, Dontay","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-03-11T19:10:17.000000Z"},{"id":324043,"list_id":71813,"order":7,"status":"active","pin_date":null,"created_at":"2025-01-22T20:33:12.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:33:12.000000Z"},{"id":302721,"list_id":71813,"order":8,"status":"active","pin_date":null,"created_at":"2024-10-17T18:36:34.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254875,"contact_id":null,"title":"Brittney Joyner","subtitle":"2019-00140 Joyner, Brittney","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:26:48.000000Z"},{"id":324076,"list_id":71813,"order":9,"status":"active","pin_date":null,"created_at":"2025-01-22T20:57:35.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254933,"contact_id":null,"title":"Jade Ratliff","subtitle":"2020-00140 Ratliff, Jade","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:57:35.000000Z"},{"id":303035,"list_id":71813,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:16:22.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230070,"contact_id":null,"title":"Zina Martin","subtitle":"2024-00015 Martin,Zina","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:22.000000Z"}],"first_cards":[{"id":366790,"list_id":71813,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:51:23.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77524,"contact_id":null,"title":"Estate of Patrice Cochran","subtitle":"2020-00034 Cochran,Patrice","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-06-17T15:51:23.000000Z"},{"id":274407,"list_id":71813,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:19:10.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan, Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-03-25T16:31:10.000000Z"},{"id":307931,"list_id":71813,"order":2,"status":"active","pin_date":null,"created_at":"2024-11-12T13:22:36.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79567,"contact_id":null,"title":"Mary Grace Burrows","subtitle":"2021-00071 Burrows,Mary Grace","note":"School Case","filed_at":null,"last_moved_at":"2025-03-12T19:55:08.000000Z"},{"id":274623,"list_id":71813,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:16.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79594,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00063 Lopez,Raul","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:42:14.000000Z"},{"id":274462,"list_id":71813,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:48:52.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77519,"contact_id":null,"title":"Willie Coleman","subtitle":"2019-00117 Coleman,Willie","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:30:08.000000Z"},{"id":274402,"list_id":71813,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:17:42.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230639,"contact_id":null,"title":"Dontay Harrington","subtitle":"2023-00071 Harrington, Dontay","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-03-11T19:10:17.000000Z"},{"id":324043,"list_id":71813,"order":7,"status":"active","pin_date":null,"created_at":"2025-01-22T20:33:12.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:33:12.000000Z"},{"id":302721,"list_id":71813,"order":8,"status":"active","pin_date":null,"created_at":"2024-10-17T18:36:34.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254875,"contact_id":null,"title":"Brittney Joyner","subtitle":"2019-00140 Joyner, Brittney","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:26:48.000000Z"},{"id":324076,"list_id":71813,"order":9,"status":"active","pin_date":null,"created_at":"2025-01-22T20:57:35.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254933,"contact_id":null,"title":"Jade Ratliff","subtitle":"2020-00140 Ratliff, Jade","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:57:35.000000Z"},{"id":303035,"list_id":71813,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:16:22.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230070,"contact_id":null,"title":"Zina Martin","subtitle":"2024-00015 Martin,Zina","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:22.000000Z"}]},{"id":71814,"board_id":10485,"name":"Disputes\/ Appeals","description":null,"card_limit":null,"order":12,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":6,"cards":[{"id":307613,"list_id":71814,"order":1,"status":"active","pin_date":null,"created_at":"2024-11-11T15:59:41.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan,Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-01-22T20:13:12.000000Z"},{"id":302756,"list_id":71814,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:21:02.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":254890,"contact_id":null,"title":"Joseph Reid, III","subtitle":"2020-00057 Reid, III,Joseph","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:26:35.000000Z"},{"id":275162,"list_id":71814,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-28T19:34:24.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77525,"contact_id":null,"title":"Jackson Lancaster","subtitle":"2020-00040 Lancaster,Jackson","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:34.000000Z"},{"id":274469,"list_id":71814,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:34.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77505,"contact_id":null,"title":"Simarjeet Kaur","subtitle":"2019-00050 Kaur,Simarjeet","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:55.000000Z"},{"id":274468,"list_id":71814,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:16.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":74302,"contact_id":null,"title":"La\u0027Neka Lambert","subtitle":"2019-00072 Lambert,La\u0027Neka","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:08.000000Z"},{"id":274478,"list_id":71814,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:53:20.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230682,"contact_id":null,"title":"Jeffrey Andrew Ledergerber","subtitle":"2018-00224 Ledergerber,Jeffrey","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:21:45.000000Z"}],"first_cards":[{"id":307613,"list_id":71814,"order":1,"status":"active","pin_date":null,"created_at":"2024-11-11T15:59:41.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan,Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-01-22T20:13:12.000000Z"},{"id":302756,"list_id":71814,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:21:02.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":254890,"contact_id":null,"title":"Joseph Reid, III","subtitle":"2020-00057 Reid, III,Joseph","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:26:35.000000Z"},{"id":275162,"list_id":71814,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-28T19:34:24.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77525,"contact_id":null,"title":"Jackson Lancaster","subtitle":"2020-00040 Lancaster,Jackson","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:34.000000Z"},{"id":274469,"list_id":71814,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:34.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77505,"contact_id":null,"title":"Simarjeet Kaur","subtitle":"2019-00050 Kaur,Simarjeet","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:55.000000Z"},{"id":274468,"list_id":71814,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:16.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":74302,"contact_id":null,"title":"La\u0027Neka Lambert","subtitle":"2019-00072 Lambert,La\u0027Neka","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:08.000000Z"},{"id":274478,"list_id":71814,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:53:20.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230682,"contact_id":null,"title":"Jeffrey Andrew Ledergerber","subtitle":"2018-00224 Ledergerber,Jeffrey","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:21:45.000000Z"}]}]; |
| window.loadedActiveBoard = {"id":10485,"account_id":2004,"name":"Litigation","description":null,"disable_automation_edit_to_members":0,"disable_column_edit_to_members":1,"run_automations":0,"status":"active","origin":"manual","wizard_reason":null,"created_at":"2024-05-22T15:34:32.000000Z","updated_at":"2025-05-05T13:21:27.000000Z","deleted_at":null,"hide_cards_non_member_viewers":0,"hide_cards_non_member_members":0,"lists":[{"id":71807,"board_id":10485,"name":"Incoming Client Matter","description":null,"card_limit":null,"order":1,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-05-22T15:34:33.000000Z","deleted_at":null,"cards_count":81,"cards":[{"id":366789,"list_id":71807,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:50:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":311037,"contact_id":null,"title":"Joseph N. Steiner","subtitle":"2020-00025 Steiner,Joseph","note":"General Negligence","filed_at":null,"last_moved_at":"2025-06-17T15:50:43.000000Z"},{"id":325439,"list_id":71807,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-28T17:43:35.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":271458,"contact_id":null,"title":"Daniel Matthew Hyman","subtitle":"2025-00017 Hyman, Daniel","note":"Wrongful Termination","filed_at":null,"last_moved_at":"2025-01-28T17:43:35.000000Z"},{"id":307261,"list_id":71807,"order":3,"status":"active","pin_date":null,"created_at":"2024-11-08T16:36:30.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258228,"contact_id":null,"title":"Dominique Thorne","subtitle":"2024-00141 Thorne,Dominique","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:36:30.000000Z"},{"id":307270,"list_id":71807,"order":4,"status":"active","pin_date":null,"created_at":"2024-11-08T16:47:59.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":257465,"contact_id":null,"title":"Shashi Gupta","subtitle":"2024-00140 Gupta,Shashi","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:47:59.000000Z"},{"id":307350,"list_id":71807,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T19:49:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258262,"contact_id":null,"title":"Jennifer Yadvish","subtitle":"2024-00118 Yadvish,Jennifer","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-08T19:49:43.000000Z"},{"id":307801,"list_id":71807,"order":7,"status":"active","pin_date":null,"created_at":"2024-11-11T21:57:53.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258406,"contact_id":null,"title":"Christopher (Chris) Mosley Jr","subtitle":"2024-00111 Mosley Jr,Christopher (Chris)","note":"PI","filed_at":null,"last_moved_at":"2024-11-11T21:57:53.000000Z"},{"id":307300,"list_id":71807,"order":8,"status":"active","pin_date":null,"created_at":"2024-11-08T17:11:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:11:08.000000Z"},{"id":303116,"list_id":71807,"order":9,"status":"active","pin_date":null,"created_at":"2024-10-18T15:53:34.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T20:43:47.000000Z"},{"id":307298,"list_id":71807,"order":10,"status":"active","pin_date":null,"created_at":"2024-11-08T17:09:01.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258235,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00086 Fortune,Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:09:01.000000Z"},{"id":307297,"list_id":71807,"order":11,"status":"active","pin_date":null,"created_at":"2024-11-08T17:08:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:08:08.000000Z"}],"first_cards":[{"id":366789,"list_id":71807,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:50:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":311037,"contact_id":null,"title":"Joseph N. Steiner","subtitle":"2020-00025 Steiner,Joseph","note":"General Negligence","filed_at":null,"last_moved_at":"2025-06-17T15:50:43.000000Z"},{"id":325439,"list_id":71807,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-28T17:43:35.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":271458,"contact_id":null,"title":"Daniel Matthew Hyman","subtitle":"2025-00017 Hyman, Daniel","note":"Wrongful Termination","filed_at":null,"last_moved_at":"2025-01-28T17:43:35.000000Z"},{"id":307261,"list_id":71807,"order":3,"status":"active","pin_date":null,"created_at":"2024-11-08T16:36:30.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258228,"contact_id":null,"title":"Dominique Thorne","subtitle":"2024-00141 Thorne,Dominique","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:36:30.000000Z"},{"id":307270,"list_id":71807,"order":4,"status":"active","pin_date":null,"created_at":"2024-11-08T16:47:59.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":257465,"contact_id":null,"title":"Shashi Gupta","subtitle":"2024-00140 Gupta,Shashi","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T16:47:59.000000Z"},{"id":307350,"list_id":71807,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T19:49:43.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258262,"contact_id":null,"title":"Jennifer Yadvish","subtitle":"2024-00118 Yadvish,Jennifer","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-08T19:49:43.000000Z"},{"id":307801,"list_id":71807,"order":7,"status":"active","pin_date":null,"created_at":"2024-11-11T21:57:53.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258406,"contact_id":null,"title":"Christopher (Chris) Mosley Jr","subtitle":"2024-00111 Mosley Jr,Christopher (Chris)","note":"PI","filed_at":null,"last_moved_at":"2024-11-11T21:57:53.000000Z"},{"id":307300,"list_id":71807,"order":8,"status":"active","pin_date":null,"created_at":"2024-11-08T17:11:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:11:08.000000Z"},{"id":303116,"list_id":71807,"order":9,"status":"active","pin_date":null,"created_at":"2024-10-18T15:53:34.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":255007,"contact_id":null,"title":"Walter Bailey","subtitle":"2024-00088 Bailey,Walter","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T20:43:47.000000Z"},{"id":307298,"list_id":71807,"order":10,"status":"active","pin_date":null,"created_at":"2024-11-08T17:09:01.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":258235,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00086 Fortune,Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:09:01.000000Z"},{"id":307297,"list_id":71807,"order":11,"status":"active","pin_date":null,"created_at":"2024-11-08T17:08:08.000000Z","updated_at":"2025-06-17T15:50:43.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-08T17:08:08.000000Z"}]},{"id":71809,"board_id":10485,"name":"Case Review","description":null,"card_limit":null,"order":2,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:28:18.000000Z","deleted_at":null,"cards_count":19,"cards":[{"id":274369,"list_id":71809,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:39.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230040,"contact_id":null,"title":"Karanda Fe LaQuinta Taylor","subtitle":"2024-00040Taylor, Karanda","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:07:39.000000Z"},{"id":274376,"list_id":71809,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:09:13.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230063,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00021 Fortune, Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:09:13.000000Z"},{"id":274372,"list_id":71809,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:10.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":216794,"contact_id":null,"title":"Daniel Meir Simhi","subtitle":"2024-00028 Simhi, Chani","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:08:10.000000Z"},{"id":312159,"list_id":71809,"order":5,"status":"active","pin_date":null,"created_at":"2024-12-03T14:51:23.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230060,"contact_id":null,"title":"Joan Owens","subtitle":"2024-00024 Owens,Joan","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2024-12-03T14:51:23.000000Z"},{"id":307412,"list_id":71809,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T23:50:17.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230076,"contact_id":null,"title":"Dejhia S. McLaughlin","subtitle":"2023-00115 McLaughlin,Dejhia","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:50:17.000000Z"},{"id":274385,"list_id":71809,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:12:09.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230624,"contact_id":null,"title":"Deondra M. Ragins","subtitle":"2023-00097 Ragins, Deondra","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:12:09.000000Z"},{"id":274392,"list_id":71809,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:13:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230631,"contact_id":null,"title":"Keyanna White","subtitle":"2023-00089 White, Keyanna","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:13:50.000000Z"},{"id":307413,"list_id":71809,"order":9,"status":"active","pin_date":null,"created_at":"2024-11-08T23:51:36.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain,Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:51:36.000000Z"},{"id":274398,"list_id":71809,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230636,"contact_id":null,"title":"Luis-Mario Ebuka Esono","subtitle":"2023-00081 Ebuka Esono, Luis-Mario","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:14:50.000000Z"},{"id":274405,"list_id":71809,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:25.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230642,"contact_id":null,"title":"Niyanna Deborah Brown","subtitle":"2023-00051 Brown, Niyanna","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:18:25.000000Z"}],"first_cards":[{"id":274369,"list_id":71809,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:39.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230040,"contact_id":null,"title":"Karanda Fe LaQuinta Taylor","subtitle":"2024-00040Taylor, Karanda","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:07:39.000000Z"},{"id":274376,"list_id":71809,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:09:13.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230063,"contact_id":null,"title":"Louis Fortune","subtitle":"2024-00021 Fortune, Louis","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:09:13.000000Z"},{"id":274372,"list_id":71809,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:10.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":216794,"contact_id":null,"title":"Daniel Meir Simhi","subtitle":"2024-00028 Simhi, Chani","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:08:10.000000Z"},{"id":312159,"list_id":71809,"order":5,"status":"active","pin_date":null,"created_at":"2024-12-03T14:51:23.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230060,"contact_id":null,"title":"Joan Owens","subtitle":"2024-00024 Owens,Joan","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2024-12-03T14:51:23.000000Z"},{"id":307412,"list_id":71809,"order":6,"status":"active","pin_date":null,"created_at":"2024-11-08T23:50:17.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230076,"contact_id":null,"title":"Dejhia S. McLaughlin","subtitle":"2023-00115 McLaughlin,Dejhia","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:50:17.000000Z"},{"id":274385,"list_id":71809,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:12:09.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230624,"contact_id":null,"title":"Deondra M. Ragins","subtitle":"2023-00097 Ragins, Deondra","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:12:09.000000Z"},{"id":274392,"list_id":71809,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:13:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230631,"contact_id":null,"title":"Keyanna White","subtitle":"2023-00089 White, Keyanna","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:13:50.000000Z"},{"id":307413,"list_id":71809,"order":9,"status":"active","pin_date":null,"created_at":"2024-11-08T23:51:36.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain,Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-08T23:51:36.000000Z"},{"id":274398,"list_id":71809,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:50.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230636,"contact_id":null,"title":"Luis-Mario Ebuka Esono","subtitle":"2023-00081 Ebuka Esono, Luis-Mario","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-05-23T21:14:50.000000Z"},{"id":274405,"list_id":71809,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:25.000000Z","updated_at":"2025-06-16T16:39:36.000000Z","deleted_at":null,"matter_id":230642,"contact_id":null,"title":"Niyanna Deborah Brown","subtitle":"2023-00051 Brown, Niyanna","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:18:25.000000Z"}]},{"id":71810,"board_id":10485,"name":"Filing Phase","description":null,"card_limit":null,"order":3,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:29:25.000000Z","deleted_at":null,"cards_count":24,"cards":[{"id":324199,"list_id":71810,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T23:08:05.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":255023,"contact_id":null,"title":"Don Gross","subtitle":"2024-00109 Gross,Don","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:08:05.000000Z"},{"id":303091,"list_id":71810,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:44:19.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:02.000000Z"},{"id":303078,"list_id":71810,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:38:39.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":230282,"contact_id":null,"title":"Janice Cussaac","subtitle":"2024-00058 Cussaac,Janice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:13.000000Z"},{"id":303049,"list_id":71810,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T15:21:12.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:55.000000Z"},{"id":274371,"list_id":71810,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:51.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:15:32.000000Z"},{"id":274368,"list_id":71810,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:08.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":223916,"contact_id":null,"title":"Antwon Curtis","subtitle":"2024-00042 Curtis,Antwon","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:15:26.000000Z"},{"id":274650,"list_id":71810,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219797,"contact_id":null,"title":"Kennedy Mitchell","subtitle":"2024-00034 Mitchell, Kennedy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:47.000000Z"},{"id":274649,"list_id":71810,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:21.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219368,"contact_id":null,"title":"Dante Edward Green","subtitle":"2024-00033 Green, Dante","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:43.000000Z"},{"id":303023,"list_id":71810,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:10:38.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III,Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:39.000000Z"},{"id":274380,"list_id":71810,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III, Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:20.000000Z"}],"first_cards":[{"id":324199,"list_id":71810,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T23:08:05.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":255023,"contact_id":null,"title":"Don Gross","subtitle":"2024-00109 Gross,Don","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:08:05.000000Z"},{"id":303091,"list_id":71810,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:44:19.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":236761,"contact_id":null,"title":"Kamry Haden","subtitle":"2024-00069 Haden,Kamry","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:02.000000Z"},{"id":303078,"list_id":71810,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:38:39.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":230282,"contact_id":null,"title":"Janice Cussaac","subtitle":"2024-00058 Cussaac,Janice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:13.000000Z"},{"id":303049,"list_id":71810,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T15:21:12.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:55.000000Z"},{"id":274371,"list_id":71810,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:51.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":224825,"contact_id":null,"title":"William Shaffer","subtitle":"2024-00031 Shaffer,William","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:15:32.000000Z"},{"id":274368,"list_id":71810,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:07:08.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":223916,"contact_id":null,"title":"Antwon Curtis","subtitle":"2024-00042 Curtis,Antwon","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:15:26.000000Z"},{"id":274650,"list_id":71810,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219797,"contact_id":null,"title":"Kennedy Mitchell","subtitle":"2024-00034 Mitchell, Kennedy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:47.000000Z"},{"id":274649,"list_id":71810,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-24T19:55:21.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":219368,"contact_id":null,"title":"Dante Edward Green","subtitle":"2024-00033 Green, Dante","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:19:43.000000Z"},{"id":303023,"list_id":71810,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:10:38.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III,Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:39.000000Z"},{"id":274380,"list_id":71810,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:35.000000Z","updated_at":"2025-01-22T23:24:16.000000Z","deleted_at":null,"matter_id":216926,"contact_id":null,"title":"Wayne Lucas III","subtitle":"2024-00002 Lucas III, Wayne","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:20.000000Z"}]},{"id":71811,"board_id":10485,"name":"Service Phase","description":null,"card_limit":null,"order":4,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-02T19:29:29.000000Z","deleted_at":null,"cards_count":8,"cards":[{"id":303063,"list_id":71811,"order":1,"status":"active","pin_date":null,"created_at":"2024-10-18T15:26:07.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":225750,"contact_id":null,"title":"Lawrencetine Gay","subtitle":"2024-00049 Gay,Lawrencetine","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-27T18:33:13.000000Z"},{"id":303084,"list_id":71811,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:41:22.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":254989,"contact_id":null,"title":"Jeremy Fleming","subtitle":"2024-00062 Fleming,Jeremy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:24:03.000000Z"},{"id":274373,"list_id":71811,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:23.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":216791,"contact_id":null,"title":"Taylor Brinsfield","subtitle":"2024-00026 Brinsfield, Taylor","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:15:38.000000Z"},{"id":274379,"list_id":71811,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230619,"contact_id":null,"title":"Shanice Nelson","subtitle":"2024-00009 Nelson, Shanice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:14.000000Z"},{"id":274419,"list_id":71811,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:32:50.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230655,"contact_id":null,"title":"Maria Mariano","subtitle":"2023-00017 Mariano, Maria","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:00.000000Z"},{"id":274442,"list_id":71811,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:40:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230674,"contact_id":null,"title":"Ana \u0022Daisy\u0022 Morales","subtitle":"2022-00077 Morales, Ana","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-11-02T16:27:27.000000Z"},{"id":318155,"list_id":71811,"order":8,"status":"active","pin_date":null,"created_at":"2024-12-30T19:21:52.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":79464,"contact_id":null,"title":"Michael Nelson","subtitle":"2022-00019 Nelson,Michael","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-12-30T19:26:49.000000Z"},{"id":275159,"list_id":71811,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-28T19:29:26.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":231051,"contact_id":null,"title":"Makaia Stewart","subtitle":"2021-00113 Stewart,Makaia","note":"School Case","filed_at":null,"last_moved_at":"2024-05-28T19:29:26.000000Z"}],"first_cards":[{"id":303063,"list_id":71811,"order":1,"status":"active","pin_date":null,"created_at":"2024-10-18T15:26:07.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":225750,"contact_id":null,"title":"Lawrencetine Gay","subtitle":"2024-00049 Gay,Lawrencetine","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-27T18:33:13.000000Z"},{"id":303084,"list_id":71811,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-18T15:41:22.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":254989,"contact_id":null,"title":"Jeremy Fleming","subtitle":"2024-00062 Fleming,Jeremy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:24:03.000000Z"},{"id":274373,"list_id":71811,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:08:23.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":216791,"contact_id":null,"title":"Taylor Brinsfield","subtitle":"2024-00026 Brinsfield, Taylor","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:15:38.000000Z"},{"id":274379,"list_id":71811,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:10:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230619,"contact_id":null,"title":"Shanice Nelson","subtitle":"2024-00009 Nelson, Shanice","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:16:14.000000Z"},{"id":274419,"list_id":71811,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:32:50.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230655,"contact_id":null,"title":"Maria Mariano","subtitle":"2023-00017 Mariano, Maria","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:00.000000Z"},{"id":274442,"list_id":71811,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:40:12.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":230674,"contact_id":null,"title":"Ana \u0022Daisy\u0022 Morales","subtitle":"2022-00077 Morales, Ana","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-11-02T16:27:27.000000Z"},{"id":318155,"list_id":71811,"order":8,"status":"active","pin_date":null,"created_at":"2024-12-30T19:21:52.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":79464,"contact_id":null,"title":"Michael Nelson","subtitle":"2022-00019 Nelson,Michael","note":"Premises Liability","filed_at":null,"last_moved_at":"2024-12-30T19:26:49.000000Z"},{"id":275159,"list_id":71811,"order":9,"status":"active","pin_date":null,"created_at":"2024-05-28T19:29:26.000000Z","updated_at":"2025-06-16T16:38:54.000000Z","deleted_at":null,"matter_id":231051,"contact_id":null,"title":"Makaia Stewart","subtitle":"2021-00113 Stewart,Makaia","note":"School Case","filed_at":null,"last_moved_at":"2024-05-28T19:29:26.000000Z"}]},{"id":71872,"board_id":10485,"name":"Motion to Dismiss","description":null,"card_limit":null,"order":5,"border_color":null,"status":"active","created_at":"2024-05-23T15:55:01.000000Z","updated_at":"2024-11-02T19:29:33.000000Z","deleted_at":null,"cards_count":2,"cards":[{"id":274430,"list_id":71872,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:43.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230666,"contact_id":null,"title":"Parker Ward","subtitle":"2022-00106 Ward, Parker","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:36:43.000000Z"},{"id":324197,"list_id":71872,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T23:04:46.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad,Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:04:46.000000Z"}],"first_cards":[{"id":274430,"list_id":71872,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:43.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230666,"contact_id":null,"title":"Parker Ward","subtitle":"2022-00106 Ward, Parker","note":"School Case","filed_at":null,"last_moved_at":"2024-05-23T21:36:43.000000Z"},{"id":324197,"list_id":71872,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T23:04:46.000000Z","updated_at":"2025-01-22T23:24:28.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad,Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-01-22T23:04:46.000000Z"}]},{"id":71874,"board_id":10485,"name":"Mediation","description":null,"card_limit":null,"order":6,"border_color":null,"status":"active","created_at":"2024-05-23T15:57:53.000000Z","updated_at":"2024-11-07T21:23:26.000000Z","deleted_at":null,"cards_count":5,"cards":[{"id":274634,"list_id":71874,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:34:31.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79620,"contact_id":null,"title":"Madison Waldbauer","subtitle":"2021-00066 Waldbauer,Madison","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:53.000000Z"},{"id":302746,"list_id":71874,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:07:37.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:20:06.000000Z"},{"id":274622,"list_id":71874,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:18:52.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:01.000000Z"},{"id":323969,"list_id":71874,"order":4,"status":"active","pin_date":null,"created_at":"2025-01-22T19:53:06.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T19:53:06.000000Z"},{"id":274482,"list_id":71874,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:54:18.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230685,"contact_id":null,"title":"Cathryn Henderson","subtitle":"2018-00081 Henderson,Cathryn","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:05.000000Z"}],"first_cards":[{"id":274634,"list_id":71874,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:34:31.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79620,"contact_id":null,"title":"Madison Waldbauer","subtitle":"2021-00066 Waldbauer,Madison","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:53.000000Z"},{"id":302746,"list_id":71874,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:07:37.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:20:06.000000Z"},{"id":274622,"list_id":71874,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:18:52.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230766,"contact_id":null,"title":"Miley Becoat","subtitle":"2020-00009 Becoat,Miley","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:01.000000Z"},{"id":323969,"list_id":71874,"order":4,"status":"active","pin_date":null,"created_at":"2025-01-22T19:53:06.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T19:53:06.000000Z"},{"id":274482,"list_id":71874,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:54:18.000000Z","updated_at":"2025-01-22T23:24:35.000000Z","deleted_at":null,"matter_id":230685,"contact_id":null,"title":"Cathryn Henderson","subtitle":"2018-00081 Henderson,Cathryn","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:05.000000Z"}]},{"id":71812,"board_id":10485,"name":"Discovery","description":null,"card_limit":null,"order":7,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:27.000000Z","deleted_at":null,"cards_count":19,"cards":[{"id":312497,"list_id":71812,"order":1,"status":"active","pin_date":null,"created_at":"2024-12-04T17:11:42.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2024-12-04T17:11:42.000000Z"},{"id":303000,"list_id":71812,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:02:33.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr.,Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:49.000000Z"},{"id":274384,"list_id":71812,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:11:20.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr., Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T15:58:15.000000Z"},{"id":302981,"list_id":71812,"order":4,"status":"active","pin_date":null,"created_at":"2024-10-18T14:55:05.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230094,"contact_id":null,"title":"Donnell Coates","subtitle":"2023-00094 Coates,Donnell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:01.000000Z"},{"id":302977,"list_id":71812,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T14:53:39.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230630,"contact_id":null,"title":"Keith Beane","subtitle":"2023-00091 Beane,Keith","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:06.000000Z"},{"id":274393,"list_id":71812,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:23.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain, Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:39.000000Z"},{"id":274404,"list_id":71812,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:13.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230641,"contact_id":null,"title":"Lakeisha Hill","subtitle":"2023-00065 Hill, Lakeisha","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:17:22.000000Z"},{"id":274426,"list_id":71812,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:35:18.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230662,"contact_id":null,"title":"Dasha Day","subtitle":"2022-00118 Day, Dasha","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:43.000000Z"},{"id":274429,"list_id":71812,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:28.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230665,"contact_id":null,"title":"Taramathee Seeparsad","subtitle":"2022-00108 Seeparsad, Taramathee","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:25:03.000000Z"},{"id":274435,"list_id":71812,"order":12,"status":"active","pin_date":null,"created_at":"2024-05-23T21:38:21.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad, Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:34.000000Z"}],"first_cards":[{"id":312497,"list_id":71812,"order":1,"status":"active","pin_date":null,"created_at":"2024-12-04T17:11:42.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2024-12-04T17:11:42.000000Z"},{"id":303000,"list_id":71812,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-18T15:02:33.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr.,Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:49.000000Z"},{"id":274384,"list_id":71812,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:11:20.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230623,"contact_id":null,"title":"Albert H. Battle Jr.","subtitle":"2023-00108 Battle Jr., Albert","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T15:58:15.000000Z"},{"id":302981,"list_id":71812,"order":4,"status":"active","pin_date":null,"created_at":"2024-10-18T14:55:05.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230094,"contact_id":null,"title":"Donnell Coates","subtitle":"2023-00094 Coates,Donnell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:01.000000Z"},{"id":302977,"list_id":71812,"order":5,"status":"active","pin_date":null,"created_at":"2024-10-18T14:53:39.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230630,"contact_id":null,"title":"Keith Beane","subtitle":"2023-00091 Beane,Keith","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:23:06.000000Z"},{"id":274393,"list_id":71812,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:14:23.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230632,"contact_id":null,"title":"Isabella Hossain","subtitle":"2023-00086 Hossain, Isabella","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:39.000000Z"},{"id":274404,"list_id":71812,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:13.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230641,"contact_id":null,"title":"Lakeisha Hill","subtitle":"2023-00065 Hill, Lakeisha","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:17:22.000000Z"},{"id":274426,"list_id":71812,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:35:18.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230662,"contact_id":null,"title":"Dasha Day","subtitle":"2022-00118 Day, Dasha","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:24:43.000000Z"},{"id":274429,"list_id":71812,"order":11,"status":"active","pin_date":null,"created_at":"2024-05-23T21:36:28.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230665,"contact_id":null,"title":"Taramathee Seeparsad","subtitle":"2022-00108 Seeparsad, Taramathee","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:25:03.000000Z"},{"id":274435,"list_id":71812,"order":12,"status":"active","pin_date":null,"created_at":"2024-05-23T21:38:21.000000Z","updated_at":"2025-01-22T23:24:40.000000Z","deleted_at":null,"matter_id":230670,"contact_id":null,"title":"Rohan Seeparsad","subtitle":"2022-00100 Seeparsad, Rohan","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:34.000000Z"}]},{"id":71876,"board_id":10485,"name":"Dispositive Motion Stage","description":null,"card_limit":null,"order":8,"border_color":null,"status":"active","created_at":"2024-05-23T19:41:29.000000Z","updated_at":"2024-11-07T21:23:27.000000Z","deleted_at":null,"cards_count":4,"cards":[{"id":275161,"list_id":71876,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-28T19:31:45.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":77555,"contact_id":null,"title":"Josiah Brummell","subtitle":"2021-00017 Brummell,Josiah","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:14:31.000000Z"},{"id":274624,"list_id":71876,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:57.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:25:54.000000Z"},{"id":302485,"list_id":71876,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-16T19:44:51.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:35.000000Z"},{"id":274467,"list_id":71876,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:04.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:19.000000Z"}],"first_cards":[{"id":275161,"list_id":71876,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-28T19:31:45.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":77555,"contact_id":null,"title":"Josiah Brummell","subtitle":"2021-00017 Brummell,Josiah","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:14:31.000000Z"},{"id":274624,"list_id":71876,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:57.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:25:54.000000Z"},{"id":302485,"list_id":71876,"order":3,"status":"active","pin_date":null,"created_at":"2024-10-16T19:44:51.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:13:35.000000Z"},{"id":274467,"list_id":71876,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:04.000000Z","updated_at":"2025-01-22T23:24:46.000000Z","deleted_at":null,"matter_id":79604,"contact_id":null,"title":"Julie Ingham","subtitle":"2019-00075 Ingham,Julie","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:19.000000Z"}]},{"id":71877,"board_id":10485,"name":"Case Closure","description":null,"card_limit":null,"order":9,"border_color":null,"status":"active","created_at":"2024-05-23T19:42:14.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":10,"cards":[{"id":274638,"list_id":71877,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:46:41.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230077,"contact_id":null,"title":"John Abolarin","subtitle":"2023-00114 Abolarin, John","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:55.000000Z"},{"id":274406,"list_id":71877,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230643,"contact_id":null,"title":"Wendell Postell","subtitle":"2023-00046 Postell, Wendell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:55.000000Z"},{"id":274412,"list_id":71877,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:21:23.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230649,"contact_id":null,"title":"Jamard Robinson","subtitle":"2023-00022 Robinson, Jamard","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:52.000000Z"},{"id":274423,"list_id":71877,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:34:10.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230659,"contact_id":null,"title":"Tracy Garner","subtitle":"2023-00006 Garner, Tracy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:49.000000Z"},{"id":274439,"list_id":71877,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:39:24.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230672,"contact_id":null,"title":"Kira Heward","subtitle":"2022-00089 Heward, Kira","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:27:36.000000Z"},{"id":274450,"list_id":71877,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:42:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77365,"contact_id":null,"title":"Jacquelyn Rogers","subtitle":"2022-00055 Rogers,Jacquelyn","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:30.000000Z"},{"id":274456,"list_id":71877,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:45:13.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79455,"contact_id":null,"title":"Patricia Rodman","subtitle":"2022-00030 Rodman,Patricia","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:26.000000Z"},{"id":275120,"list_id":71877,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-28T18:47:33.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79562,"contact_id":null,"title":"Edward Ransome","subtitle":"2020-00015 Ransome,Edward","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-05-28T18:47:33.000000Z"},{"id":314811,"list_id":71877,"order":9,"status":"active","pin_date":null,"created_at":"2024-12-17T16:08:19.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77482,"contact_id":null,"title":"Connor Powers","subtitle":"2018-00064 Powers,Connor","note":"School Case","filed_at":null,"last_moved_at":"2024-12-17T16:08:19.000000Z"},{"id":274487,"list_id":71877,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:55:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79577,"contact_id":null,"title":"Tausha Bruce","subtitle":"2017-00118 Bruce,Tausha","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-02T16:17:33.000000Z"}],"first_cards":[{"id":274638,"list_id":71877,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-24T19:46:41.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230077,"contact_id":null,"title":"John Abolarin","subtitle":"2023-00114 Abolarin, John","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:18:55.000000Z"},{"id":274406,"list_id":71877,"order":2,"status":"active","pin_date":null,"created_at":"2024-05-23T21:18:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230643,"contact_id":null,"title":"Wendell Postell","subtitle":"2023-00046 Postell, Wendell","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:55.000000Z"},{"id":274412,"list_id":71877,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-23T21:21:23.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230649,"contact_id":null,"title":"Jamard Robinson","subtitle":"2023-00022 Robinson, Jamard","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:52.000000Z"},{"id":274423,"list_id":71877,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:34:10.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230659,"contact_id":null,"title":"Tracy Garner","subtitle":"2023-00006 Garner, Tracy","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:27:49.000000Z"},{"id":274439,"list_id":71877,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:39:24.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":230672,"contact_id":null,"title":"Kira Heward","subtitle":"2022-00089 Heward, Kira","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:27:36.000000Z"},{"id":274450,"list_id":71877,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:42:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77365,"contact_id":null,"title":"Jacquelyn Rogers","subtitle":"2022-00055 Rogers,Jacquelyn","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:30.000000Z"},{"id":274456,"list_id":71877,"order":7,"status":"active","pin_date":null,"created_at":"2024-05-23T21:45:13.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79455,"contact_id":null,"title":"Patricia Rodman","subtitle":"2022-00030 Rodman,Patricia","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:21:26.000000Z"},{"id":275120,"list_id":71877,"order":8,"status":"active","pin_date":null,"created_at":"2024-05-28T18:47:33.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79562,"contact_id":null,"title":"Edward Ransome","subtitle":"2020-00015 Ransome,Edward","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-05-28T18:47:33.000000Z"},{"id":314811,"list_id":71877,"order":9,"status":"active","pin_date":null,"created_at":"2024-12-17T16:08:19.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":77482,"contact_id":null,"title":"Connor Powers","subtitle":"2018-00064 Powers,Connor","note":"School Case","filed_at":null,"last_moved_at":"2024-12-17T16:08:19.000000Z"},{"id":274487,"list_id":71877,"order":10,"status":"active","pin_date":null,"created_at":"2024-05-23T21:55:54.000000Z","updated_at":"2025-01-22T23:24:56.000000Z","deleted_at":null,"matter_id":79577,"contact_id":null,"title":"Tausha Bruce","subtitle":"2017-00118 Bruce,Tausha","note":"Workers Compensation","filed_at":null,"last_moved_at":"2024-11-02T16:17:33.000000Z"}]},{"id":75834,"board_id":10485,"name":"Follow-Up \u0026 Communication","description":null,"card_limit":null,"order":10,"border_color":null,"status":"active","created_at":"2024-10-17T18:28:38.000000Z","updated_at":"2024-11-02T19:30:14.000000Z","deleted_at":null,"cards_count":2,"cards":[{"id":324057,"list_id":75834,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T20:46:20.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":230780,"contact_id":null,"title":"Minnie Brown","subtitle":"2021-00023 Brown,Minnie","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-01-22T20:46:20.000000Z"},{"id":324053,"list_id":75834,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T20:44:58.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T20:44:58.000000Z"}],"first_cards":[{"id":324057,"list_id":75834,"order":1,"status":"active","pin_date":null,"created_at":"2025-01-22T20:46:20.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":230780,"contact_id":null,"title":"Minnie Brown","subtitle":"2021-00023 Brown,Minnie","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-01-22T20:46:20.000000Z"},{"id":324053,"list_id":75834,"order":2,"status":"active","pin_date":null,"created_at":"2025-01-22T20:44:58.000000Z","updated_at":"2025-01-22T23:25:03.000000Z","deleted_at":null,"matter_id":79563,"contact_id":null,"title":"Michael Myronuk, Jr.","subtitle":"2021-00014 Myronuk, Jr.,Michael","note":"School Case","filed_at":null,"last_moved_at":"2025-01-22T20:44:58.000000Z"}]},{"id":71813,"board_id":10485,"name":"Settlement","description":null,"card_limit":null,"order":11,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":68,"cards":[{"id":366790,"list_id":71813,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:51:23.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77524,"contact_id":null,"title":"Estate of Patrice Cochran","subtitle":"2020-00034 Cochran,Patrice","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-06-17T15:51:23.000000Z"},{"id":274407,"list_id":71813,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:19:10.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan, Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-03-25T16:31:10.000000Z"},{"id":307931,"list_id":71813,"order":2,"status":"active","pin_date":null,"created_at":"2024-11-12T13:22:36.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79567,"contact_id":null,"title":"Mary Grace Burrows","subtitle":"2021-00071 Burrows,Mary Grace","note":"School Case","filed_at":null,"last_moved_at":"2025-03-12T19:55:08.000000Z"},{"id":274623,"list_id":71813,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:16.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79594,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00063 Lopez,Raul","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:42:14.000000Z"},{"id":274462,"list_id":71813,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:48:52.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77519,"contact_id":null,"title":"Willie Coleman","subtitle":"2019-00117 Coleman,Willie","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:30:08.000000Z"},{"id":274402,"list_id":71813,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:17:42.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230639,"contact_id":null,"title":"Dontay Harrington","subtitle":"2023-00071 Harrington, Dontay","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-03-11T19:10:17.000000Z"},{"id":324043,"list_id":71813,"order":7,"status":"active","pin_date":null,"created_at":"2025-01-22T20:33:12.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:33:12.000000Z"},{"id":302721,"list_id":71813,"order":8,"status":"active","pin_date":null,"created_at":"2024-10-17T18:36:34.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254875,"contact_id":null,"title":"Brittney Joyner","subtitle":"2019-00140 Joyner, Brittney","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:26:48.000000Z"},{"id":324076,"list_id":71813,"order":9,"status":"active","pin_date":null,"created_at":"2025-01-22T20:57:35.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254933,"contact_id":null,"title":"Jade Ratliff","subtitle":"2020-00140 Ratliff, Jade","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:57:35.000000Z"},{"id":303035,"list_id":71813,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:16:22.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230070,"contact_id":null,"title":"Zina Martin","subtitle":"2024-00015 Martin,Zina","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:22.000000Z"}],"first_cards":[{"id":366790,"list_id":71813,"order":0,"status":"active","pin_date":null,"created_at":"2025-06-17T15:51:23.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77524,"contact_id":null,"title":"Estate of Patrice Cochran","subtitle":"2020-00034 Cochran,Patrice","note":"Medical Malpractice","filed_at":null,"last_moved_at":"2025-06-17T15:51:23.000000Z"},{"id":274407,"list_id":71813,"order":1,"status":"active","pin_date":null,"created_at":"2024-05-23T21:19:10.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan, Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-03-25T16:31:10.000000Z"},{"id":307931,"list_id":71813,"order":2,"status":"active","pin_date":null,"created_at":"2024-11-12T13:22:36.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79567,"contact_id":null,"title":"Mary Grace Burrows","subtitle":"2021-00071 Burrows,Mary Grace","note":"School Case","filed_at":null,"last_moved_at":"2025-03-12T19:55:08.000000Z"},{"id":274623,"list_id":71813,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-24T19:19:16.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":79594,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00063 Lopez,Raul","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:42:14.000000Z"},{"id":274462,"list_id":71813,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:48:52.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":77519,"contact_id":null,"title":"Willie Coleman","subtitle":"2019-00117 Coleman,Willie","note":"Workers\u0027 Compensation","filed_at":null,"last_moved_at":"2025-03-12T19:30:08.000000Z"},{"id":274402,"list_id":71813,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:17:42.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230639,"contact_id":null,"title":"Dontay Harrington","subtitle":"2023-00071 Harrington, Dontay","note":"Auto Accident","filed_at":null,"last_moved_at":"2025-03-11T19:10:17.000000Z"},{"id":324043,"list_id":71813,"order":7,"status":"active","pin_date":null,"created_at":"2025-01-22T20:33:12.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230144,"contact_id":null,"title":"Raul Lopez","subtitle":"2020-00142 Lopez, Raul","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:33:12.000000Z"},{"id":302721,"list_id":71813,"order":8,"status":"active","pin_date":null,"created_at":"2024-10-17T18:36:34.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254875,"contact_id":null,"title":"Brittney Joyner","subtitle":"2019-00140 Joyner, Brittney","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:26:48.000000Z"},{"id":324076,"list_id":71813,"order":9,"status":"active","pin_date":null,"created_at":"2025-01-22T20:57:35.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":254933,"contact_id":null,"title":"Jade Ratliff","subtitle":"2020-00140 Ratliff, Jade","note":"3rd Party","filed_at":null,"last_moved_at":"2025-01-22T20:57:35.000000Z"},{"id":303035,"list_id":71813,"order":10,"status":"active","pin_date":null,"created_at":"2024-10-18T15:16:22.000000Z","updated_at":"2025-06-17T15:51:23.000000Z","deleted_at":null,"matter_id":230070,"contact_id":null,"title":"Zina Martin","subtitle":"2024-00015 Martin,Zina","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:22:22.000000Z"}]},{"id":71814,"board_id":10485,"name":"Disputes\/ Appeals","description":null,"card_limit":null,"order":12,"border_color":null,"status":"active","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-11-07T21:23:04.000000Z","deleted_at":null,"cards_count":6,"cards":[{"id":307613,"list_id":71814,"order":1,"status":"active","pin_date":null,"created_at":"2024-11-11T15:59:41.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan,Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-01-22T20:13:12.000000Z"},{"id":302756,"list_id":71814,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:21:02.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":254890,"contact_id":null,"title":"Joseph Reid, III","subtitle":"2020-00057 Reid, III,Joseph","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:26:35.000000Z"},{"id":275162,"list_id":71814,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-28T19:34:24.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77525,"contact_id":null,"title":"Jackson Lancaster","subtitle":"2020-00040 Lancaster,Jackson","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:34.000000Z"},{"id":274469,"list_id":71814,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:34.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77505,"contact_id":null,"title":"Simarjeet Kaur","subtitle":"2019-00050 Kaur,Simarjeet","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:55.000000Z"},{"id":274468,"list_id":71814,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:16.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":74302,"contact_id":null,"title":"La\u0027Neka Lambert","subtitle":"2019-00072 Lambert,La\u0027Neka","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:08.000000Z"},{"id":274478,"list_id":71814,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:53:20.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230682,"contact_id":null,"title":"Jeffrey Andrew Ledergerber","subtitle":"2018-00224 Ledergerber,Jeffrey","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:21:45.000000Z"}],"first_cards":[{"id":307613,"list_id":71814,"order":1,"status":"active","pin_date":null,"created_at":"2024-11-11T15:59:41.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230644,"contact_id":null,"title":"Karen Morgan","subtitle":"2023-00042 Morgan,Karen","note":"Premises Liability","filed_at":null,"last_moved_at":"2025-01-22T20:13:12.000000Z"},{"id":302756,"list_id":71814,"order":2,"status":"active","pin_date":null,"created_at":"2024-10-17T19:21:02.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":254890,"contact_id":null,"title":"Joseph Reid, III","subtitle":"2020-00057 Reid, III,Joseph","note":"Auto Accident","filed_at":null,"last_moved_at":"2024-11-02T16:26:35.000000Z"},{"id":275162,"list_id":71814,"order":3,"status":"active","pin_date":null,"created_at":"2024-05-28T19:34:24.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77525,"contact_id":null,"title":"Jackson Lancaster","subtitle":"2020-00040 Lancaster,Jackson","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:29:34.000000Z"},{"id":274469,"list_id":71814,"order":4,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:34.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":77505,"contact_id":null,"title":"Simarjeet Kaur","subtitle":"2019-00050 Kaur,Simarjeet","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:24:55.000000Z"},{"id":274468,"list_id":71814,"order":5,"status":"active","pin_date":null,"created_at":"2024-05-23T21:50:16.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":74302,"contact_id":null,"title":"La\u0027Neka Lambert","subtitle":"2019-00072 Lambert,La\u0027Neka","note":"School Case","filed_at":null,"last_moved_at":"2024-11-02T16:26:08.000000Z"},{"id":274478,"list_id":71814,"order":6,"status":"active","pin_date":null,"created_at":"2024-05-23T21:53:20.000000Z","updated_at":"2025-01-22T23:25:14.000000Z","deleted_at":null,"matter_id":230682,"contact_id":null,"title":"Jeffrey Andrew Ledergerber","subtitle":"2018-00224 Ledergerber,Jeffrey","note":"General Negligence","filed_at":null,"last_moved_at":"2024-11-02T16:21:45.000000Z"}]}],"members":[{"id":2722,"user_id":2744,"account_id":2004,"type":"owner","status":"active","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z","deleted_at":null,"laravel_through_key":10485,"user":{"id":2744,"role_id":null,"initials":"OA","first_name":"Office","last_name":"Admin","email":"accounts@ledyardlaw.com","email_verified_at":"2022-03-25 14:01:59","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":"https:\/\/s3.ca-central-1.amazonaws.com\/production-legalboards\/avatars\/2744\/546968507.png","mautic_contact_id":null,"hubspot_contact_id":2214851,"practice_panther_id":null,"filevine_id":null,"board_id":10471,"clio_user_id":351956236,"clio_account_id":809508660,"clio_sub":"94b5eda98e6d829497203b8f6a70e177","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2024-05-03T13:40:16.000000Z","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2025-06-17T16:32:27.000000Z","deleted_at":null,"full_name":"Office Admin"}},{"id":2749,"user_id":2771,"account_id":2004,"type":"user","status":"active","created_at":"2022-03-30T20:57:39.000000Z","updated_at":"2022-03-30T20:57:39.000000Z","deleted_at":null,"laravel_through_key":10485,"user":{"id":2771,"role_id":null,"initials":"LL","first_name":"Litigation","last_name":"Ledyard Law","email":"litigation@ledyardlaw.com","email_verified_at":"2022-03-30 20:57:56","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":null,"mautic_contact_id":null,"hubspot_contact_id":2250851,"practice_panther_id":null,"filevine_id":null,"board_id":10485,"clio_user_id":351956251,"clio_account_id":null,"clio_sub":"70eb7b53e4b137203d14733e6d13561f","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2022-04-07T13:15:13.000000Z","created_at":"2022-03-30T20:57:39.000000Z","updated_at":"2024-06-23T22:06:08.000000Z","deleted_at":null,"full_name":"Litigation Ledyard Law"}}],"users":[{"id":2722,"user_id":2744,"account_id":2004,"type":"owner","status":"active","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2022-03-25T14:01:46.000000Z","deleted_at":null,"laravel_through_key":10485,"user":{"id":2744,"role_id":null,"initials":"OA","first_name":"Office","last_name":"Admin","email":"accounts@ledyardlaw.com","email_verified_at":"2022-03-25 14:01:59","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":"https:\/\/s3.ca-central-1.amazonaws.com\/production-legalboards\/avatars\/2744\/546968507.png","mautic_contact_id":null,"hubspot_contact_id":2214851,"practice_panther_id":null,"filevine_id":null,"board_id":10471,"clio_user_id":351956236,"clio_account_id":809508660,"clio_sub":"94b5eda98e6d829497203b8f6a70e177","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2024-05-03T13:40:16.000000Z","created_at":"2022-03-25T14:01:46.000000Z","updated_at":"2025-06-17T16:32:27.000000Z","deleted_at":null,"full_name":"Office Admin"}},{"id":2749,"user_id":2771,"account_id":2004,"type":"user","status":"active","created_at":"2022-03-30T20:57:39.000000Z","updated_at":"2022-03-30T20:57:39.000000Z","deleted_at":null,"laravel_through_key":10485,"user":{"id":2771,"role_id":null,"initials":"LL","first_name":"Litigation","last_name":"Ledyard Law","email":"litigation@ledyardlaw.com","email_verified_at":"2022-03-30 20:57:56","phone":null,"timezone":"America\/Toronto","language":"en-US","view_option":"normal","avatar":null,"mautic_contact_id":null,"hubspot_contact_id":2250851,"practice_panther_id":null,"filevine_id":null,"board_id":10485,"clio_user_id":351956251,"clio_account_id":null,"clio_sub":"70eb7b53e4b137203d14733e6d13561f","microsoft_id":null,"my_case_user_id":null,"lawmatics_user_id":null,"status":"active","settings":null,"notified_clio_authorization_at":"2022-04-07T13:15:13.000000Z","created_at":"2022-03-30T20:57:39.000000Z","updated_at":"2024-06-23T22:06:08.000000Z","deleted_at":null,"full_name":"Litigation Ledyard Law"}}],"teams":[{"id":18845,"board_id":10485,"account_user_id":2722,"type":"owner","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-05-22T15:34:33.000000Z"},{"id":18846,"board_id":10485,"account_user_id":2749,"type":"user","created_at":"2024-05-22T15:34:33.000000Z","updated_at":"2024-05-22T15:34:33.000000Z"}]}; |
| window.statusAccountTrialsEnd = false; |
| </script> |
| <script src="https://app.legalboards.io/dist/js/pages/boards.js?v=production-84756eb"></script> |
|
|
| |
| <script> |
|
|
| $('.card-scope').disableSelection(); |
| $('#list-view-wrapper').disableSelection(); |
|
|
| $(window).on('load', function() { |
| setupBoardDraggable(); |
| }); |
|
|
| function setupBoardDraggable() |
| { |
| $(".card-scope") |
| .addClass('position-static') |
| .draggable({ |
| axis: "x", |
| drag: function(e, ui) { |
| $(".scope-container").scrollLeft(ui.offset.left * -1); |
| }, |
| }); |
| } |
|
|
| function fixNewCardFocus() |
| { |
| $(".add-new-card").click(function() { |
| $(this).find("input.select2-input.ui-select-search").focus(); |
| }); |
|
|
| $('.newcard-list').click(function () { |
| $(this).find("input.select2-input.ui-select-search").focus(); |
| }); |
| } |
|
|
| $(document).ready(function() { |
| setupBoardDraggable(); |
| fixNewCardFocus(); |
| }); |
|
|
| $(document).on('show.bs.dropdown', function(event) { |
|
|
| var button = $(event.target); |
|
|
| if (!button.hasClass('card-title')) { |
| return; |
| } |
|
|
| var cardParent = button.closest('.card'); |
| if (!cardParent.is(':last-of-type')) { |
| return; |
| } |
|
|
| var menu = button.find('.dropdown-menu.card-actions-list'); |
| var offset = button.offset(); |
|
|
| menu.attr('style', `position:fixed; top: ${offset.top}px !important; left: ${offset.left}px !important;`); |
| }); |
| </script> |
| |
| </body> |
|
|
| </html> |
| |